Block horizontal css

Takeo92
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 17
Inscription: 8 Fév 2008

Block horizontal css

Message le Sam Déc 06, 2008 14:47

Bonjour à tous,

J'ai un petit soucis avec un block horizontal, je ne vois pas comment m'y prendre :

J'ai trois images, une bordure gauche, un background, une bordure droite.
Je voudrai en gros positionner de cette façon :

[|||||||||||]

([ et ] pour les bordures, | pour le background).

J'ai eu comme idée de le faire avec du float: left;, mais le soucis est que je ne peux pas centrer ce block...

Avez-vous une autre méthode ? (et pour centrer aussi, j'ai lu les tutos alsacreations, mais cela ne marchait pas).

Merci

denis.sva
WRInaute discret
WRInaute discret
 
Messages: 60
Inscription: 22 Fév 2006

quel type de block ?

Message le Sam Déc 06, 2008 16:14

Bonjour

Tu utilises quoi comme conteneur, pour tes float ?

rien d t'empéche d'utiliser une liste,

<ul><li><img\></li><li><img\></li>....</ul>

Faire floater tes <li>
attribué des propriétés border ou background au <li> ou images


Cordialement
Denis


NxtGen
WRInaute impliqué
WRInaute impliqué
 
Messages: 762
Inscription: 24 Oct 2006

Message le Sam Déc 06, 2008 19:37

L'idée d'utiliser <ul><li> est bien, mais si tu utilise float:left, ca va etre aligné a gauche par défaut.

Moi j'utiliserai plutot :
li { display: inline }


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 3 invités