|
|
|
|
Différentes possibilités s'offrent au webmestre.
<li style="margin : 2px 0;">Fais varier les “2px” pour tester. Il faudra le faire dans chacune des pages qui accueilleront cette liste. Si cette liste se retrouve dans plusieurs pages, il est préférable de faire plus simple à gérer. Je te propose alors de t'y prendre comme ça. Peut-être as-tu déjà une feuille de styles quelque part ? Si tu n'en as pas, il va te falloir en créer une. Ça va nous faciliter les choses. Crée un nouveau document texte (avec le Bloc-notes par exemple) et enregistre-le dans le dossier qui contient tes pages sous un nom qui te plaira mais avec l'extension “.css”. Dans cet exemple, il s'appelle “styles.css”. Je suppose qu'il s'agit d'un menu (tu es un peu chiche dans les infos que tu donnes) qui contient des liens. Dans ce fichier, écris : #menu_gauche {
width : 200px;
}
#menu_gauche ul {
list-style-type : none;
}
#menu_gauche li {
padding : 0 10px;
margin : 2px 0;
background-color : #66f;
}
#menu_gauche li a {
text-decoration : none;
color : #fff;
}
#menu_gauche li a:hover {
color : #00ff7f;
}
Ensuite, arrange ton fichier .html <div id="menu_gauche"> /*<-------- c'est ta div */
<ul> /*<-------- le précédent “style="…"” a été effacé */
<li><a href="#">Lien n° 1</a></li>
<li><a href="#">Lien n° 2</a></li>
<li><a href="#">Lien n° 3</a></li>
</ul>
</div>
Ensuite, ajoute dans l'en-tête, entre <head> et </head><link rel="stylesheet" type="text/css" href="styles.css"></link>À adapter. Voilà de quoi tester. |
Je m'explique pour ces gentlemen qui souhaiteraient m'aider...
|
“hfli” et “constance”, c'est la même personne ?
<ul style="list-style-type : none;"> … </ul>je fais disparaitre la puce des <ul> mais mes <li> reste décalé vers la droite. Avec un style="margin-left: -85px;" sous firefox j'obtiens l'effet désiré, mais rien a faire IE n'en veux pas. Je suis ouverte à toute idée” |

