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

Mise en page CSS Discussion :

Texte centré par rapport à une image (sans table) [Fait]


Sujet :

Tableau en CSS

  1. #1
    Membre expérimenté
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Points : 1 418
    Points
    1 418
    Par défaut Texte centré par rapport à une image (sans table)
    Bonjour à tous,

    Je veux réaliser le positionnement d'un texte non fixe (longueur inconnue) à côté d'une image également non fixe (je n'en connais pas les dimensions et elle peut être changée indépendamment du HTML)

    Je sais centrer le texte VERTICALEMENT par rapport à une image.
    Je sais centrer le texte HORIZONTALEMENT dans la place restante à côté d'une image.

    Je voudrai combiner les 2 pour obtenir le même résultat qu'avec le code ci-dessous mais sans utiliser de TABLE/TR/TD et là je sèche

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr>
    <td width="5%"><img alt="Texte alternatif" src="http://www.developpez.net/forums/images/smilies/pc.gif" /></td>
    <td width="95%" valign="middle" align="center">Actualité N°1</td>
    </tr></tbody></table>
     
    /* répartition 5% 95% pour toujours avoir le texte qui prends le maximum de place */

    Merci d'avance...


    devYan.

  2. #2
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Bonjour,
    Voir sur ce post, solution présente sous forme de tuto ici aussi.
    Il te faudra passer par une solution à base de display:inline-block/-moz-inline-stack

  3. #3
    Membre expérimenté
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Points : 1 418
    Points
    1 418
    Par défaut
    Citation Envoyé par Erwan31 Voir le message
    Bonjour,
    Voir sur ce post, solution présente sous forme de tuto ici aussi.
    Il te faudra passer par une solution à base de display:inline-block/-moz-inline-stack
    Je vais regarder ça, merci beaucoup...

    A+


    devYan.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Positionner bloc texte par rapport à une image
    Par cccb24 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 19/07/2013, 11h05
  2. Décaler le texte par rapport à une image
    Par ickyknox dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 08/03/2013, 13h03
  3. Réponses: 12
    Dernier message: 08/11/2010, 19h23
  4. Centrer du texte verticalement par rapport à une image
    Par gb1963 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 09/06/2010, 09h40
  5. positionnement de texte par rapport à une image
    Par maysa dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 03/12/2007, 13h49

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