Discussion :

[flexx]

Bonjour

J'aimerais savoir comment centrer horizontalement et verticalement une image et un texte (qui doivent être côte à côte) dans un div (sachant que la hauteur du div est déterminée et que le texte doit être coupé s'il dépasse la largeur maximale du div, également déterminée).

------------------------------------
|......####...........................|
|......#Img#.Texte bla bla.....|
|......####...........................|
------------------------------------

J'envisage donc de créer un div contenant l'image et le texte et de centrer ce div dans son div conteneur.

J'ai essayé
margin-left: auto;
margin-right: auto;
Le problème c'est que pour que cela marche il faut renseigner l'attribut width. (largeur obligatoire pour être centré).
Or, je voudrais que la largeur soit variable en fonction de la longueur du texte et de l'image, mais avec une largeur maximale au delà de laquelle le texte serait tronqué.

Merci de votre aide.

[SpaceFrog]

<center> avec des float ?

[Linaa]

As-tu essayé avec ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

text-align:center;