Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
6065 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  <li> en inline : forcer la longueur

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

<li> en inline : forcer la longueur

n°883160
KangOl
Profil : pointeur
Posté le 26-10-2004 à 16:11:37  profilanswer
 

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 :
  1. li{
  2. display:inline;
  3. color : #003366;
  4. list-style-type: none;
  5. border-left: 1px solid #003366;
  6. margin:-2px;
  7. padding:0px 15px;
  8. }


---------------
Nos estans firs di nosse pitite patreye...
mood
Publicité
Posté le 26-10-2004 à 16:11:37  profilanswer
 

n°883163
Mjules
Parle dans le vide
Posté le 26-10-2004 à 16:16:35  profilanswer
 

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.
n°883172
Profil sup​primé
Posté le 26-10-2004 à 16:24:58  answer
 

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 :/

n°883173
KangOl
Profil : pointeur
Posté le 26-10-2004 à 16:25:12  profilanswer
 

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


---------------
Nos estans firs di nosse pitite patreye...
n°883187
KangOl
Profil : pointeur
Posté le 26-10-2004 à 16:35:11  profilanswer
 

trouvé !
faut le mettre en

Code :
  1. float:left;


au lieu d'inline


---------------
Nos estans firs di nosse pitite patreye...
n°883198
Profil sup​primé
Posté le 26-10-2004 à 16:41:08  answer
 

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

n°883218
KangOl
Profil : pointeur
Posté le 26-10-2004 à 17:03:31  profilanswer
 

non :(


---------------
Nos estans firs di nosse pitite patreye...
n°883220
KangOl
Profil : pointeur
Posté le 26-10-2004 à 17:04:18  profilanswer
 

en plus le dernier element sort du <ul> :(


---------------
Nos estans firs di nosse pitite patreye...
n°883229
Profil sup​primé
Posté le 26-10-2004 à 17:06:31  answer
 

je profite de ton topic hein :D
 

  <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

n°883232
masklinn
í dag viðrar vel til loftárása
Posté le 26-10-2004 à 17:11:32  profilanswer
 

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 by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
mood
Publicité
Posté le 26-10-2004 à 17:11:32  profilanswer
 

n°883236
KangOl
Profil : pointeur
Posté le 26-10-2004 à 17:12:01  profilanswer
 

http://kangol.prout.be/index2.php
 
/!\ attention c'est lent...


---------------
Nos estans firs di nosse pitite patreye...
n°883238
Profil sup​primé
Posté le 26-10-2004 à 17:15:21  answer
 

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

n°883253
fastclemmy
(re-)Dictateur en plastique
Posté le 26-10-2004 à 17:25:08  profilanswer
 

chacal_one333 a écrit :

je profite de ton topic hein :D
 

  <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>.

n°883255
cerel
Posté le 26-10-2004 à 17:26:45  profilanswer
 

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

n°883259
KangOl
Profil : pointeur
Posté le 26-10-2004 à 17:29:55  profilanswer
 

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


---------------
Nos estans firs di nosse pitite patreye...
n°883331
Profil sup​primé
Posté le 26-10-2004 à 18:49:47  answer
 

fastclemmy a écrit :

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

deja fait, marche pas

n°883345
KangOl
Profil : pointeur
Posté le 26-10-2004 à 19:07:06  profilanswer
 

au <ul> ca fonctionne...


---------------
Nos estans firs di nosse pitite patreye...
n°883359
Profil sup​primé
Posté le 26-10-2004 à 19:26:42  answer
 

en effet :)
 
maintenant c'est IE qui chie [:god]
 
bon vais lire vos lien, merci à tous


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  <li> en inline : forcer la longueur

 

Sujets relatifs
Résolu [CSS] Problème de list - display inlineJ'arrive pas à mettre deux div en inline
probleme avec la longueur de la page de mon site??[resolu]Forcer telechargement header() prob dans include() help
Identifiant numérique de longueur fixe[CSS] Opera et inline
Comment stocker une query string de longueur variableForcer Register Globals à OFF
Forcer la creation d'une session[mozilla] forcer la fermeture de la fenêtre
Plus de sujets relatifs à : <li> en inline : forcer la longueur


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)