Balise <li>
hfli
-
Gihef Messages postés 5165 Statut Contributeur -
Gihef Messages postés 5165 Statut Contributeur -
Bonjour,
j'ai créé une liste :
<ul type="none">
<li > ..</li>
<li > .. </li>
</ul>
Je ne veux pas voir les puces, on mettant type="none" on ne les voit pas avec firefox sauf qu'avec internet explorer on les voit !
avez-vous une solution ?
d'avance merci
j'ai créé une liste :
<ul type="none">
<li > ..</li>
<li > .. </li>
</ul>
Je ne veux pas voir les puces, on mettant type="none" on ne les voit pas avec firefox sauf qu'avec internet explorer on les voit !
avez-vous une solution ?
d'avance merci
A voir également:
- Balise <li>
- La la li la la la 90's song ✓ - Forum Musique / Radio / Clip
- Chanson la li la li la la la? - Forum Musique / Radio / Clip
- La la la dee la da da dee, dee la la la - Forum Musique / Radio / Clip
- Chanson des années 1990s avec lala lala ✓ - Forum Musique / Radio / Clip
- Balise couleur html ✓ - Forum HTML
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?
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
Ç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 ?
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.
“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”
