28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
J'ai un petit soucis que je ne comprend pas
Lorsque j'utilise des identfiants (uniques) :

li#menu_principal_maps ul li  {
	list-style-type: none;
	list-style-image: none;
	background:none;
}

li#menu_principal_maps ul li a:link, 
li#menu_principal_maps ul li a:visited {
	color: red;
	display: block;
	padding: 1px;
}

le 2eme bloc est pris en compte
mais lorsque j'utilise une classe :

li.menu_principal_sub ul li  {
	list-style-type: none;
	list-style-image: none;
	background:none;
}

li.menu_principal_sub ul li a:link, 
li.menu_principal_sub ul li a:visited {
	color: red;
	display: block;
	padding: 1px;
}

Seul le 1er bloc est pris en compte.
Ceci sous firefox, ie (et les autres?)

Mon menu réalisé en li :

<ul id="menu_principal">
	<li id="menu_principal_maps" class="menu_principal_sub">
		<a href="/index.php?f_id_type=42" title="Maps">Maps</a>		
        <ul>
			<li><a href="/index.php?f_id_type=61" title="CTF">CTF</a></li>
			<li><a href="/index.php?f_id_type=63" title="Duel">Duel</a></li>
            <li><a href="/index.php?f_id_type=62" title="TDM">TDM</a></li>
		</ul>			
	</li>
</ul> 

Modifié par Poil (09 Jan 2008 - 15:46)
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Hop, désolé pour le format code,
Pour ce qui est des liens ... ça fait quelques années que je CSS je les connais Smiley lol

Par ailleurs j'ai trouvé ce qui écrasait mes couleurs, j'inclus ensuite une 2nd feuille de style qui contient :


ul#menu_principal li a:link, ul#menu_principal li a:visited {
	color: #86c143;
}


Cdt