28173 sujets

CSS et mise en forme, CSS3

Là je seche completement :
le bout de css concerné :


#navbar1 {
display: block;
float: left;
width: 92%;
background: #bad1e8 url(images/angle2.gif) no-repeat right bottom;
margin: 3px 5px 3px 3px;
font-size: 13px;
}
#navbar1 ul {
padding-left: 0px;
margin-top: 0px;
}
#navbar1 ul li {
list-style-type: none;
}

#navbar1 ul  li a.lienon {
background: url(images/pastille1_on.gif) no-repeat 10px center;
}
#navbar1 ul li a, #navbar1 ul li a:link, #navbar1 ul li a:visited, #navbar1 ul li a:hover {
color: #000;
padding-left: 20px;
line-height: 22px;
background: url(images/pastille1.gif) no-repeat 10px center;
text-decoration: none;
font-size: 13px;
font-weight: normal;
font-style: normal;
}


Le HTML :


<div id="navbar1">
	<ul>
	      <li>
		<a class="lienon" href="toto1" title="titretoto1" >titretoto1</a>
	     </li>
	      <li>
		   <a  href="toto2" title=titretoto2" >titretoto2</a>
	      </li>
	
	</ul>
</div>


Modifié par TomC (07 Feb 2008 - 09:34)
Bonsoir également,

La seule information que tu donnes sur le problème rencontré est «<li> d'un menu qui ne veut pas prendre la class». En lisant le code HTML posté, je vois bien les éléments li du menu, mais aucun qui aurait une classe.

Qu'est-ce qui ne marche pas au juste?
Bonjour

Rapide coup d'oeil mais il me semble que si ton souci est que a.lienon ne présente pas l'aspect qu'il devrait, ma foi c'est presque normal puisque tu déclares dans Css l'aspect général de a APRES .lienon... du coup la cascade se fait mal. Déclare d'abord a puis a.lienon... ça devrait le faire.
Arsene,

Tu as raison. Et cela fonctionne parfaitement maintenant
Je ne pensais pas que l'ordre des déclarations avait autant d'importance

Smiley biggrin Smiley biggrin Smiley biggrin
TomC a écrit :
Je ne pensais pas que l'ordre des déclarations avait autant d'importance


...sinon, sans cascade, pour le coup ça serait de la style shit.