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 :

Aligner un text HTML


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de aelmalki
    Inscrit en
    Mars 2009
    Messages
    250
    Détails du profil
    Informations forums :
    Inscription : Mars 2009
    Messages : 250
    Par défaut Aligner un text HTML
    Bonjour,

    J'ai un truc que j'arrive pas à le faire ni en HTML ni en CSS, je vous explique :

    J'ai un input type="text" et un tag img src="", j'arrive pas à aligner le texte au milieu par rapport au height de l'image

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <input type="text" value="Texte à aligner" />
    <img src="path" alt="image"/>
    supposant que le height de mon image et de 50px, le texte ce met toujours en bas :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
                           image
                           image
                           image
                           image
    Text à aligner         image
    alors que le rendu que je voudrais ressemble à ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
                           image
                           image
    Text à aligner         image
                           image
                           image
    Est ce que vous avez un idée concernant ce point ?
    Est ce qu'il y'a une solution autre qu'utiliser un tableau ?

    Merci beaucoup pour votre fidélité !

  2. #2
    Membre émérite Avatar de sharrascript
    Homme Profil pro
    Développeur Web indépendant
    Inscrit en
    Avril 2007
    Messages
    678
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web indépendant

    Informations forums :
    Inscription : Avril 2007
    Messages : 678
    Par défaut
    bonsoir,

    As tu essayé un vertical-align:middle sur ton image ??

  3. #3
    Membre éclairé Avatar de aelmalki
    Inscrit en
    Mars 2009
    Messages
    250
    Détails du profil
    Informations forums :
    Inscription : Mars 2009
    Messages : 250
    Par défaut
    Oui effectivement, ça marche...

    Merci beaucoup !

  4. #4
    Membre émérite Avatar de sharrascript
    Homme Profil pro
    Développeur Web indépendant
    Inscrit en
    Avril 2007
    Messages
    678
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web indépendant

    Informations forums :
    Inscription : Avril 2007
    Messages : 678
    Par défaut
    cool, bonne soirée

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

Discussions similaires

  1. [HTML] Aligner du texte à droite avec un retrait
    Par doons dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 17/01/2012, 15h12
  2. Alignement de texte (css + html)
    Par alexg33 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 18/07/2009, 02h26
  3. JavaMail & encodage text/html
    Par mauvais_karma dans le forum Spring
    Réponses: 4
    Dernier message: 25/08/2005, 09h59
  4. [HTMLEditorKit] afficher texte html dans excel
    Par Invité dans le forum Composants
    Réponses: 1
    Dernier message: 23/08/2005, 10h43
  5. Aligner du texte à gauche et à droite sur une même ligne ?
    Par pontus21 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 12/04/2005, 11h25

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