<li> en inline : forcer la longueur

Marsh Posté le 26-10-2004 à 16:11:37

puisque on arrete pas de le repéter que les menus ce font avec des <li>, comment forcer via css la taille d'un <li> en inline ?

Code :

li{
display:inline;
color : #003366;
list-style-type: none;
border-left: 1px solid #003366;
margin:-2px;
padding:0px 15px;
}

---------------
Nos estans firs di nosse pitite patreye...

Reply

Marsh Posté le 26-10-2004 à 16:11:37

Reply

Marsh Posté le 26-10-2004 à 16:16:35

t'es sur qu'on peut forcer des dimensions en inline ?

---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. | Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.

Reply

Marsh Posté le 26-10-2004 à 16:24:58

meme question ou à peu pres :

j'ai retirer la puce comme kangool avec un list-style-type:none; mais sous FF il continu à m'affiché l'espace devant le menu comme si la puce y etait

Reply

Marsh Posté le 26-10-2004 à 16:25:12

bha justement c'est ce que je demande...
sinon je reste sur un tableau...

---------------
Nos estans firs di nosse pitite patreye...

Reply

Marsh Posté le 26-10-2004 à 16:35:11

trouvé !
faut le mettre en

Code :

float:left;

au lieu d'inline

---------------
Nos estans firs di nosse pitite patreye...

Reply

Marsh Posté le 26-10-2004 à 16:41:08

le float:left retire les espaces devant sous FF pour toi?

Reply

Marsh Posté le 26-10-2004 à 17:03:31

non

---------------
Nos estans firs di nosse pitite patreye...

Reply

Marsh Posté le 26-10-2004 à 17:04:18

en plus le dernier element sort du <ul>

---------------
Nos estans firs di nosse pitite patreye...

Reply

Marsh Posté le 26-10-2004 à 17:06:31

je profite de ton topic hein

<ul class="menu">
<li class="subm">menu 1</li>
<li class="subm">menu 2</li>
<li class="subm">menu 3</li>
<li class="subm">menu 1</li>
<li class="subm">menu 2</li>
<li class="subm">menu 3</li>
<li class="subm">menu 1</li>
<li class="subm">menu 2</li>
<li class="subm">menu 3</li>
</ul>

.menu {
margin:0;
border:1px solid black;
list-style-position: inside;
}
.subm {

}

et voila le resultat sous FF et ie

ff

ie

j'ai essayer plein d'attribut sur le .subm mais rien n'y fait, sous FF il reste loin de la marge

Reply

Marsh Posté le 26-10-2004 à 17:11:32

checkez les tutoriaux Listamatic

Listamatic, c'est une ptin de mine d'or sur l'utilisation et la mise en forme des listes

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r

Reply

Marsh Posté le 26-10-2004 à 17:11:32

Reply

Marsh Posté le 26-10-2004 à 17:12:01

http://kangol.prout.be/index2.php

/!\ attention c'est lent...

---------------
Nos estans firs di nosse pitite patreye...

Reply

Marsh Posté le 26-10-2004 à 17:15:21

Masklinn a écrit :

checkez les tutoriaux Listamatic

Listamatic, c'est une ptin de mine d'or sur l'utilisation et la mise en forme des listes

http://css.maxdesign.com.au/listutorial/sub03.htm c'est ce que j'ai fait

Reply

Marsh Posté le 26-10-2004 à 17:25:08

chacal_one333 a écrit :

je profite de ton topic hein

<ul class="menu">
<li class="subm">menu 1</li>
<li class="subm">menu 2</li>
<li class="subm">menu 3</li>
<li class="subm">menu 1</li>
<li class="subm">menu 2</li>
<li class="subm">menu 3</li>
<li class="subm">menu 1</li>
<li class="subm">menu 2</li>
<li class="subm">menu 3</li>
</ul>

.menu {
margin:0;
border:1px solid black;
list-style-position: inside;
}
.subm {

}

et voila le resultat sous FF et ie

ff
http://if-faw.com/forum/li_ff.jpg
ie
http://if-faw.com/forum/li_ie.jpg

j'ai essayer plein d'attribut sur le .subm mais rien n'y fait, sous FF il reste loin de la marge

Mets padding:0; et margin:0; à ton <ul> et à tes <li>.

Reply

Marsh Posté le 26-10-2004 à 17:26:45

Vous pouvez aussi voir les tutos d'Alsacreations :
http://www.alsacreations.com/articles/menu/

Reply

Marsh Posté le 26-10-2004 à 17:29:55

j'ai trouver ceci : http://www.alistapart.com/articles/taminglists/

---------------
Nos estans firs di nosse pitite patreye...

Reply

Marsh Posté le 26-10-2004 à 18:49:47

fastclemmy a écrit :

Mets padding:0; et margin:0; à ton <ul> et à tes <li>.

deja fait, marche pas

Reply

Marsh Posté le 26-10-2004 à 19:07:06

au <ul> ca fonctionne...

---------------
Nos estans firs di nosse pitite patreye...

Reply

Marsh Posté le 26-10-2004 à 19:26:42

en effet

maintenant c'est IE qui chie [:god]

bon vais lire vos lien, merci à tous

Reply

<li> en inline : forcer la longueur

Sujets relatifs:

Leave a Replay