28220 sujets

CSS et mise en forme, CSS3

Bien le bonsoir à toutes et tous,

Je sèche comme une vieille feuille sur quelque chose depuis quelques heures.

Au sein d'une liste (UL) je voudrai isoler un item (LI) ci dessous identifié via la classe "sousrub".

Voici mon code html :
a écrit :
<div id="menu">
<ul>
<li><a href="">rub1</a></li>
<li><a href="">rub2</a></li>
<li><a href="">rub3</a></li>
<li><a href="">rub4</a></li>
<li class="sousrub"><a href="">rub5</a></li>
<li><a href="">rub6</a></li>
<li><a href="">rub7</a></li>
</ul>
</div>


Et mes CSS ici :
a écrit :
#menu {
border: 1px solid #1865C1;
}

#menu ul,li {
list-style-type: none;
margin:0;
text-align: center;
background-color: #829EC5;
padding: 2px 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #000;
font: bold 12px verdana,sans-serif;
}
#menu a {
height: 20px;
color: #fff;
text-decoration: none;
}
li.sourub a {
background-color: #fff;
color: #000;
}


Hélas, cela ne fonctionne pas, j'ai essayé de déplacer la classe "sousrub" sur l'ancre (A) mais rien n'y fait...

Merci de vos conseils.

Philos
Modifié par Philos (20 Oct 2005 - 18:23)
...
< a honte >
< part se pendre >
...

Merci Julien, ça doit faire 3 heures que j'essaye tout en large et en travers...

Bonne soirée Smiley smile