Supprimer l'indentation des listes sans images

[melanea]

Bonjour,

J'ai un probleme avec les listes dans html ou css.
Je ne veux pas que mes listes est un image liste style type devant le mot. Pas de rond, pas de carré,.. J'utilise alors : <li style="list-style-type: none;"> . Et ca fonctionne.

Par contre, il me laisse l'indentation que l'image rond ou carré m'aurait pris sur le feuille html. Comment l'enlever ?

Merci d'avance.

 

[marsien]

Tu rajoutes : margin: 0; padding: 0;

 

[melanea]

Non ca ne marche pas plus. Toujours la meme indentation. Je rappele le code :

<td>
<li style="list-style-type: none;">
<a href="../link/index.php?this=1">Tarifs</a>
</li>
</td>

Meme en mettant margin 0 et padding 0 dans le td c'est pareil.

 

[marsien]

Tu le mets pas dans le td, mais dans le li, au même endroit que le list-type-type !!!.

En plus, c'est n'importe quoi de faire des menus avec des tableaux (les tableaux servent aux tableaux, c'est tout ; pour le reste de la mise en page, on utilise des conteneurs , div ou span). Pour le css, c'est nettement mieux de faire une page css séparée...

Commence par "apprendre" le xhtml/css correctement, tu verras que tout ira mieux ensuite :

Vous devez être connecté pour voir les liens.

 

[melanea]

oui justement j'utilise des div.
La j'ai mis dans un td, c'était pour voir si justement ca me ferais pareil et c'est le cas. J'ai deja testé dans le <li>. C'est pareil. (IE)

 

[KangOl]

montre tes codes

 

[Johan_et_Pirlouit]

Les listes, ça se fait avec des <ol> ou des <ul>, respectivement "Ordered Lists" et "Unordered List".... Pas seulement avec des <li>, "List Items".. Les <ol> et <ul> sont des conteneurs de listes, ils jouent donc le rôle de délimiteurs de début / fin de liste..

Syntaxe :

<ul>
	<li>item 1</li>
	<li>item 2</li>
</ul>

L'indentation (décalage) se fait par le conteneur des <li>, exemple :

ul {
	padding: 0px; // décalage intérieur à ce bloc conteneur
	}

li {
	margin: 0px; // marge extérieure à ce bloc
	}

Ne pas respecter la sémantique, c'est s'exposer à d'éventuels soucis.. Et pas de mise en page par des tableaux, ce n'est pas leur destination..

 

[ViJiLE_XP]

Moi je propose de mettre une valeur négative au margin-left.

[cpp]
li {
list-style:none;
margin:0 0 0 -30px; // l'élément recule de 30px vers la gauche
padding:0 0 0 10px; // une marge intérieur pour ne pas que ça colle aux bords
}
li li {margin:0 0 0 -50px}// l'élément recule de 50px à vers la gauche
li li li {margin:0 0 0 -50px}
[/cpp]
(si les valeurs positives marchent alors pouquoi pas les négatives? :sol: )

petit rappel : les valeurs du margin comme avec les autres propriétés css correspondent (de gauche à droite) à top right bottom left

C'est comme si on entrait -> margin: top right bottom left
avec des valeurs associées évidement

 

[zeb]

Wahou ! 4 ans et un trimestre que ce topic reposait en paix.
Ça c'est du déterrage.

 

[ViJiLE_XP]

il y a toujours des petits nouveaux qui percent l'obscurité :sol: répondre aux questions +-sans réponse fait parti du progrès... et puis si ça peu aider , pourquoi pas ? :sol:

 

[zeb]

C'est pourquoi nos vieux topics ne sont pas fermés.
Mais quand même !!!