Balise <li>
Fermé
hfli
-
6 mars 2007 à 16:09
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 5 avril 2007 à 01:54
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 5 avril 2007 à 01:54
7 réponses
ah non, j'ai rien dit j'avais oublié un ";" erreur classique.
Parcontre j'aimerai aligner mes <li> tout à gauche
une idée?
Parcontre j'aimerai aligner mes <li> tout à gauche
une idée?
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 778
6 mars 2007 à 16:16
6 mars 2007 à 16:16
Bonjour,
Ta manière de faire est déconseillée.
Essaye la propriété en CSS :
Ta manière de faire est déconseillée.
Essaye la propriété en CSS :
<ul style="list-style-type : none;"> … </ul>
je m'explique pour ces gentlemen qui souhaiteraient m'aider...
quand on crée une liste <ul> <li> naturellement les <li> se décalent a droite.
grâce à <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
quand on crée une liste <ul> <li> naturellement les <li> se décalent a droite.
grâce à <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
<ul style="list-style-type : none;">
…
</ul>
me fait l'effet inverse perso....
sous ie j'ai une puce en plus qui a apparu
…
</ul>
me fait l'effet inverse perso....
sous ie j'ai une puce en plus qui a apparu
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 778
6 mars 2007 à 19:32
6 mars 2007 à 19:32
Ça dépend.
Où est placée cette liste ?
Dans la cellule d'un tableau ?
Dans une <div> qui reçoit un menu ?
Ailleurs ?
Où est placée cette liste ?
Dans la cellule d'un tableau ?
Dans une <div> qui reçoit un menu ?
Ailleurs ?
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 778
6 mars 2007 à 21:57
6 mars 2007 à 21:57
Différentes possibilités s'offrent au webmestre.
Tu peux ajouter un style à chaque <li>.
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 :
Ensuite, arrange ton fichier .html
Tu peux ajouter un style à chaque <li>.
<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.
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 778
5 avril 2007 à 01:54
5 avril 2007 à 01:54
“hfli” et “constance”, c'est la même personne ?
C'est fort possible parce qu'elle est toujours aussi… parcimonieuse, condensée.
+ Le bouton [Code] sert à présenter le code qu'on donne en exemple :
“je m'explique pour ces gentlemen qui souhaiteraient m'aider...
quand on crée une liste <ul> <li> naturellement les <li> se décalent a droite.
grâce à
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”
C'est fort possible parce qu'elle est toujours aussi… parcimonieuse, condensée.
+ Le bouton [Code] sert à présenter le code qu'on donne en exemple :
“je m'explique pour ces gentlemen qui souhaiteraient m'aider...
quand on crée une liste <ul> <li> naturellement les <li> se décalent a droite.
grâce à
<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”
