Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1902 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


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
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-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR