IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Centrer une image et un texte dans un div


Sujet :

HTML

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    53
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 53
    Par d�faut Centrer une image et un texte dans un div
    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.

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    <center> avec des float ?
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Membre �m�rite
    Avatar de Linaa
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    987
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 987
    Par d�faut
    As-tu essay� avec ?


Discussions similaires

  1. Centrer une image et un texte dans une cellule
    Par gaya102 dans le forum Mise en page CSS
    R�ponses: 14
    Dernier message: 04/09/2009, 17h09
  2. Positionner une image ou un texte dans un tableau
    Par aminos40 dans le forum Tableaux - Graphiques - Images - Flottants
    R�ponses: 6
    Dernier message: 31/05/2007, 16h46
  3. Ins�rer une image ou un texte dans un page pr�-concue
    Par Mawashigeri dans le forum Langage
    R�ponses: 1
    Dernier message: 01/07/2006, 11h00
  4. inserer une image et du texte dans une Jlist
    Par cellestion dans le forum Composants
    R�ponses: 4
    Dernier message: 03/03/2006, 23h47
  5. Centrer des images et du texte dans un tableau
    Par hstlaurent dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 8
    Dernier message: 30/08/2005, 16h34

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo