Guide informatique hardware En1heure.com
Articles phares : Quelle alimentation PC | Choisir son ecran LCD PC

Chercher un sujet :

Problème liste

Support HTML / XHTML / CSS et validation de vos sites aux standards du Web.

Messages: 192
Inscription: Jeu Mai 06, 2004 3:27 pm
Problème listeMessagePosté: Jeu Mai 20, 2004 2:14 pm

Bonjour,
J'ai un petit problème, j'ai lu partout qu'en css/xhtml le mieux pour les menus étaient de les mettre dans des listes.
Sauf que quand je le fait sur mon menu, ca fait un saut a la ligne entre chaque lien, est ce qu'il y a un attribut spécial a mettre pour éviter ca ?
Pour voir ca : http://www.tutoriels-fr.com
Le premier menu j'ai insérer des listes comme ca :
Code: Tout sélectionner
<ul>
   <li><a href="/?page=index2">&nbsp; - Accueil</a></li>
   <li><a href="http://www.tutoriels-fr.com/forum/">&nbsp; - Forum</a></li>
   <li><a href="http://www.tutoriels-fr.com/alex_guestbook3/">&nbsp; - Livre d'or</a></li>
   <li><a href="/?page=part">&nbsp; - Partenaires</a></li>
   <li><a href="/?page=infos">&nbsp; - Infos et Actus</a></li>
   <li><a href="http://www.tutoriels-fr.com/engine.php">&nbsp; - Chercher</a></li>
   </ul>


Le code css pour ul et li :
Code: Tout sélectionner
ul,li {list-style-type: none; margin: 0;padding: 0; }


Donc la question est : qu'est ce qui va pas ??
merci d'avance ;)

ps : en fait, ca bug sous IE mais pas sous mozilla :/
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Problème listeMessagePosté: Jeu Mai 20, 2004 2:33 pm

As tu essayé en définissant ul et li séparément ?
Moi je fais ça et ça passe sans problème.

Tu peux voir du côté du line-height, p-e qu'IE en définit un pour les listes.

Quand tu dis '0' je pense qu'il faut mettre une unité derrière ;)

Messages: 192
Inscription: Jeu Mai 06, 2004 3:27 pm
Problème listeMessagePosté: Jeu Mai 20, 2004 3:31 pm

Oui en effet j'ai oublié les px à chaque fois, j'ai vraiment du mal :p
Bon j'ai mis ca :
Code: Tout sélectionner
ul {list-style-type: none;line-height: normal; margin: 0px;padding: 0px; }


Et ca change rien, j'ai testé avec line-height: 0px; et tout se met l'un sur l'autre, avec 14px par exemple, y'a le même bug que sans rien.
Bref.. je continue à chercher, mais si vous avez la solution miracle... j'accepte ;)
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Problème listeMessagePosté: Jeu Mai 20, 2004 3:40 pm

et si tu fais line-height:1em ? Et avec 0.5em ?

Messages: 192
Inscription: Jeu Mai 06, 2004 3:27 pm
Problème listeMessagePosté: Jeu Mai 20, 2004 4:15 pm

Le problème persiste encore avec ca.

Messages: 99
Inscription: Mer Avr 07, 2004 4:14 pm
Localisation: Mâcon
Problème listeMessagePosté: Jeu Mai 20, 2004 8:01 pm

si tu rajoutes un float left ?
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Problème listeMessagePosté: Ven Mai 21, 2004 7:09 am

et avec ça ?
Code: Tout sélectionner
li {
list-style-type:none;
line-height:0.5em;
margin:0px;
padding:0px;
}


Par ce que plus haut tu as défini UL mais pas le LI (la liste).

Franchement IE est difficile à comprendre !

Messages: 192
Inscription: Jeu Mai 06, 2004 3:27 pm
Problème listeMessagePosté: Ven Mai 21, 2004 8:48 am

En haut j'ai mis que Ul mais j'ai fait la même pour LI ;)
Sinon pour le float: left; ça rend encore pire :/

Messages: 99
Inscription: Mer Avr 07, 2004 4:14 pm
Localisation: Mâcon
Problème listeMessagePosté: Ven Mai 21, 2004 9:50 am

lol désolé, c'était juste un test ;)
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Problème listeMessagePosté: Ven Mai 21, 2004 5:02 pm

mince alors, là je ne comprends vraiment pas je n'ai jamais eu ce problème :?

tu es sûr que ça ne vient pas d'ailleurs ?
Suivante

Retourner vers HTML / XHTML / CSS



Chercher un sujet :


cron