CSS conflit entre nav et header
Bonjour tout le monde !
Pour m'entrainer j'essaye de programmer une page d'accueil en html (+php) en rajoutant du style avec le css. C'est le css qui me pose problème ici.
En effet j'ai utilisé des balises header et nav dans mes fichiers php en y ajouter des balises ul et li pour créer des menus. Mon problème est que lorsque je modifie le nav cela modifie le header egalement . Par exemple si je fais tout bêtement :
Code:
1
2
3
4
5
6
7
8
9
10
|
header li{
width:150px;
height:70px;
padding: 0px;
margin: 0px;
border-right:1px solid #CCCCCC;
text-align:center;
line-height:40px;
} |
puis :
Code:
1
2
3
4
5
6
7
8
9
10
|
nav li{
width:100px;
height:40px;
padding: 0px;
margin: 0px;
border-right:1px solid #CCCCCC;
text-align:center;
line-height:40px;
} |
mes listes du header auront la taille des listes de mon nav.
Quelqu'un aurait une astuce pour éviter ce conflit ?
Merci d'avoir lu jusqu'au bout , j'ai vraiment besoin d'aide sur ce coup :p
