Bonjour,
J'ai un petit problème auquel je n'ai pas encore trouvé de solution.
J'ai une série de liste que je mets en Inline. Ca marche nickel sous Internet Explorer mais pas sous FireFox. ( )Ce n'est pas la première fois que j'ai ce problème là.
Sous Internet Explorer, les elements sont bien en ligne mais sous FireFox, un element prend toute la ligne & semble être completement déformé !
Pour moi, la propriété Inline semble être justifié dans ce cas par le fait que je veux que les élements se suivent en ligne & que si il y a trop d'élement sur la ligne, l'élement suivant passe a la ligne suivante.
Si je mets en float: left, j'obtiens le bon effet sur les deux, sauf que j'ai un nouveau problème : le conteneur remonte trop haut
( exemple sur cette page : http://www.ecole.ensicaen.fr/~musique/?p=photos => l'icone du dossier sort du conteneur)
Je pense donc avoir oublié une propriété CSS mais je ne vois pas laquelle
Merci pour toute aide éventuelle
Code CSS : (qui doit pas être génial génial...)
Code :
- ul.commande {
- margin: 0px;
- padding: 0px;
- display: block;
- }
- ul.commande li {
- width: 15em;
- margin: 3px;
- border: 1px solid black;
- background-color: white;
- list-style-type: none;
- display: inline;
- }
- ul.commande li a:hover { border: 0px; background-color: #CCF0FF; }
- ul.commande li a {
- padding: 0.5em;
- display: block;
- background-color: white;
- border: 0px;
- }
|
Résultat :
Message édité par zapan666 le 20-04-2005 à 14:00:01