question sur css - Web design - Graphisme
Marsh Posté le 06-06-2007 à 21:51:48
au même titre que <div id="xx" -> <li id="yy">
C'est le id qui va definir le style propre à l'id des li... liid ?! arghhh... bref...
Marsh Posté le 06-06-2007 à 21:58:08
Attention, les listes sont les éléments "ul", et pas des div !!!
dans le HTML tu mets :
<ul id="sousmenu">
<li>...</li>
<li>...</li>
</ul>
dans le css tu mets (pour un fond sur chaque élément de liste) :
ul#sousmenu li {background:...;}
Marsh Posté le 06-06-2007 à 22:02:24
+1 mais on peut aussi l'utiliser avec <ol>
Mais aussi lui attribuer l'id... <li id="yy">
Marsh Posté le 06-06-2007 à 22:59:24
Pyksel a écrit : +1 mais on peut aussi l'utiliser avec <ol> |
oui... mais si on veut un background identique pour chaque <li> il est plus judicieux d'utiliser la méthode précédente ou <li class="yy">...
voilou !
Marsh Posté le 06-06-2007 à 23:16:30
bah en mettant une classe a l' ul ou ol, si dans le css elle met
Code :
|
c'est mieux que de mettre une classe a chaque li ... justement la ca serait pour un background different ...
Marsh Posté le 07-06-2007 à 06:44:38
Si ton menu est dans une div unique (donc avec un id de preférence) inutile de styler ton menu.
DIV#exemple{.le style de ton bloc.}
DIV#exemple UL{.mise en forme, mise en place.}
DIV#exemple UL LI{background:.....;}
Dans ce genre de cas, on style grâce à un "parent" (CSS = Cascading SS) c'est bien suffisant. On ne met des styles aux autres menus dans cette même div que si ils doivent être différents.
Marsh Posté le 07-06-2007 à 19:11:33
merci, j'ai fait comme vous avez dit et ça marche à part que j'ai quelques pb de décalement de ma div...
Marsh Posté le 08-06-2007 à 09:09:58
On ne peut jamais faire confiance aux pneus qui ont des rustines partout.
Ca roule oui, mais de quelle façon...
Marsh Posté le 08-06-2007 à 10:34:46
tu peux creer un bloc Css comme suis
.mon_menu ul{
}
.mon_menu li{
}
Lors de la creation de ta liste il te suffit de definir la classe de la liste
<li class="mon_menu">
<ul></ul>
</li>
les ul seront automatiquement impacté par "mon_menu ul". Et les autres listes du site ne changent pas
Marsh Posté le 08-06-2007 à 18:50:12
cinocks a écrit : tu peux creer un bloc Css comme suis |
Bon déjà tu as inversé ul et li dans le html.
Mais surtout c'est incorrecte.
la bonne syntaxe css est :
Ul.mon_menu{}
Ul.mon_menu LI {}
UL.mon_menu LI A{} si ya des lien a styler etc...
donc une seule attribution de lass dans le html permet de toucher différemment la balise origine et toutes les balises enfants "distinctes".
Marsh Posté le 06-06-2007 à 21:17:43
bonjour,
j'utilise pour mon site un sous-menu en liste <li> et j'aimerais que les <li> de ce sous-menu affichent une image en background.
mais comme il y a des listes ailleurs dans le site, l'image de fond s'y affiche aussi.
j'utilise alors dans ma page html le code:
<div id="sousmenu">
<li style="background-image:url(...); background-repeat=: no-repeat; height: 26px; width: 156px;">...</li>
</div>
j'aimerais savoir s'il y a moyen de selectionner dans ma feuille de style externe les <li> dans la div #sousmenu pour qu'elles soient les seules à avoir une image en background, et comment...
Merci!