Probleme avec html
Eoma
-
Eoma -
Eoma -
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
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
A voir également:
- Probleme avec html
- Editeur html - Télécharger - HTML
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
- Html download - Télécharger - HTML
4 réponses
Faudrait voir ton html mais par exemple tu met un div menu et un div sidebar:
puis pour le css de la sidebar tu fais ça, tu rajoute simplement le nom du div sur lequel tu veux agir:
et pour le css du menu:
Il faut lire cette ligne #menu ul:
tous les ul à l'intérieur de l'élément possédant l'id menu ...
<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 ...
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 :
<div id="menu">
<ul>
<li>
<a href="url">lien</a>
</li>
</ul>
</div>
et pour le css d'un lien :
#menu a{
color:red;
}
Salut, 2 petits liens pour toi :)
https://alistapart.com/article/practicalcss/
https://openweb.eu.org/articles/initiation_float
Voilà :)
https://alistapart.com/article/practicalcss/
https://openweb.eu.org/articles/initiation_float
Voilà :)
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 :/
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 :/
Oui j'avais deja une div menu et sidebar mais j'ai pas pensé à préciser dans mon css
MERCI BEAUCOUP VOUS ETES SUPER !