Probleme avec html Fermé

Question

Bonjour, 
Je suis débutante donc j'apprends à coder en html et css... Mon soucis ? Et bien j'essayes de créer mon menu à l'horizontal, j'y arrive dans mon css mais comme mon code implique tous les ul, li, a du coup ca bouge aussi les liens de ma sidebar -__- autant dire l'horreur comment je pourrais différencier mes ul, li, et a, comme on fait pour les div avec les "id" ou les "class" que je puisse dire seulement aux liens du menu de se mettre à tel endroit, sans que tous mes liens suivent ?
Dsl si je ne suis pas claire.... Comme je l'ai dis je débute :/
MERCI D'AVANCE

dariumis · Answer

Salut, les id et les class ce n'est pas uniquement pour les div tu peux les mettre sur ce que tu veux, mais tu peux aussi faire ça: et pour le css d'un lien : #menu a{ color:red; }

niconovice · Answer

Salut, 2 petits liens pour toi :)
https://alistapart.com/article/practicalcss/
https://openweb.eu.org/articles/initiation_float
Voilà :)

Eoma · Answer

D'accord, c tjrs bon à savoir merci ^^
Et quand je veux parler d'un lien spécifique dans mon css je mets quoi dans mon css, parce que je peux pas mettre a, ul, ou li 
ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
ul li a {
 display:block;
 float:left;   
 width:100px;
 background-color:#6495ED;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:5px;
ca c mon code dans mon css, le probleme c que du coup ca bouge les liens de ma div menu mais aussi de ma div sidebar donc je sais pas trop comment faire... Je suis dsl de redemander mais j'ai commencer à apprendre vendredi donc autant dire que c recent recent :/

dariumis · Answer

Faudrait voir ton html mais par exemple tu met un div menu et un div sidebar:

<div id="menu"> 
    le contenu du menu 
</div> 
<div id="sidebar"> 
    le contenu de la sidebar 
</div>

puis pour le css de la sidebar tu fais ça, tu rajoute simplement le nom du div sur lequel tu veux agir:


#sidebar ul { 
padding:0; 
margin:0; 
list-style-type:none; 
} 
#sidebar li { 
margin-left:2px; 
float:left; /*pour IE*/ 
} 
#sidebar ul li a { 
display:block; 
float:left; 
width:100px; 
background-color:#6495ED; 
color:black; 
text-decoration:none; 
text-align:center; 
padding:5px; 
}

et pour le css du menu:

#menu ul { 
padding:0; 
margin:0; 
list-style-type:none; 
} 
#menu li { 
margin-left:2px; 
float:left; /*pour IE*/ 
} 
#menu ul li a { 
display:block; 
float:left; 
width:100px; 
background-color:#6495ED; 
color:black; 
text-decoration:none; 
text-align:center; 
padding:5px; 
}

Il faut lire cette ligne #menu ul:

tous les ul à l'intérieur de l'élément possédant l'id menu ...

Probleme avec html

4 réponses

Discussions similaires