Block horizontal css

Nouveau WRInaute
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
 
Nouveau WRInaute
quel type de block ?

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
 
WRInaute impliqué
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 }
 

➡️ Offre MyRankingMetrics ⬅️

pré-audit SEO gratuit avec RM Tech (+ avis d'expert)
coaching offert aux clients (avec Olivier Duffez ou Fabien Faceries)

Voir les détails ici

coaching SEO
Discussions similaires
Haut