border last menu item
HTML
<ul id="menu">
<li>
<a href="index.php">Accueil</a>
</li>
<li>
<a href="a-l-affiche.php">A l'Affiche</a>
</li>
<li>
<a href="#">Catégories</a>
<ul>
<li>
<a href="fantastiques.php">Fantastiques</a>
</li>
<li>
<a href="sf.php">Science-fiction</a>
</li>
<li>
<a href="action.php">Action</a>
</li>
<li>
<a href="dramatiques.php">Drames</a>
</li>
<li>
<a href="comedies.php">Comédies</a>
</li>
<li>
<a href="thriller.php">Thriler - Policier</a>
</li>
<li>
<a href="series.php">Séries</a>
</li>
<li>
<a href="sagas.php!!!">Sagas</a>
</li>
<li>
<a href="coupcoeur.php">Coups de coeur</a>
</li>
</ul>
</li>
<li>
<a href="http://www.lecinephie.byethost7.com/forum">Forum</a>
</li>
<li>
<a href="http://www.lecinephie.byethost7.com/contact.php">Contact</a>
</li>
<li>
<a href="#">Connexion</a>
</li>
<li>
<a href="#">Déconnexion</a>
</li>
<li id="search">
<form action="search.php" method="Post">
<input type="text" name="requete" size="10">
<input type="submit" value="Ok">
</form>
</li>
</ul>
<div id="clear"></div>
CSS
#menu, #menu ul /* Liste */
{
padding : 0;
margin : 0;
list-style : none;
line-height : 35px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
max-width: 100%;
margin-bottom: 30px;
font-family : Arial;
font-size : 14px;
z-index:50;
}
#menu a /* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : #000; /* couleur de fond */
color : #000; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 120px; /* largeur */
background-image: url(menu2.png);
padding-left: 5px;
padding-right:5px;
}
#menu li /* Elements des listes */
{
float : left;
/* pour IE qui ne reconnaît pas "transparent" */
border: 1px solid black; /* on met une bordure blanche à droite de chaque élément */
}
#menu li:last-child {
border:none;
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
#menu li ul /* Sous-listes */
{
position: absolute; /* Position absolue */
/*width: 144px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menu li ul li /* Éléments de sous-listes */
{
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border : 1px solid black; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
clear: left;
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li
{
border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
display: block;
}
#menu li ul ul
{
margin : -22px 0 0 144px ; /* On décale les...