28173 sujets

CSS et mise en forme, CSS3

bonjour,
j'ai une div dedans j'aimerai y mettre 6 éléments des images de fonds
si je fait des div avec comme class

.fond-i{width:232px;min-height:248px;background:transparent url(../images/home-fon-produit.gif) no-repeat scroll 0 0;}


elles passe l'une sous l'autre.

si je fait avec ul et applique la classe a mes <li> la je vois rien.
j'ai joint une image.
quel et la meilleure façon de faire ? et pourquoi sa marche pas
merci Smiley langue upload/20958-pour-alsac.gif
Modifié par maca (25 Jun 2009 - 11:08)
Bonjour

Pour la question "div ou ul", la réponse semble être div, ul sert à définir des listes, cela ne semble pas être le cas de ton contenu.

La raison pour laquelle les div se positionnent l'une sous l'autre c'est parce qu'elles ont un rendu par défaut en mode "block".

Pour positionner des éléments de type bloc l'un à côté de l'autre, tu peux utiliser float qui rend les éléments flottants.

Par contre, je te conseille très fortement de (re)voir les bases du positionnement CSS
Si ses images font partie du contenu, c'est très recommandable utiliser une liste, c'est une LISTE d'images. Après les css feront son travail. Smiley smile