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 :

[CSS] - Titre et image


Sujet :

CSS

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    24
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 24
    Par défaut [CSS] - Titre et image
    bonjour,

    Voila j'ai un titre h2 dans lequel il y a une image alignée à gauche, seulement mon image est plus haute que mon texte, et donc mon texte s'affiche aligné vers le haut et je voudrais qu'il soit centré verticalement, est ce que c'est possible ?
    h2{
    color:#00549D;
    font-size:20px;
    text-transform:uppercase;
    text-indent:50px;
    height:40px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    background-repeat:no-repeat;
    background-position:left bottom;
    border-bottom-color:#BCCE00;
    background-image: url(img/ico_titreCandidat.gif);
    padding:0 0 0 10px;
    margin:10px 0 5px 10px;
    }

  2. #2
    Membre chevronné

    Inscrit en
    Octobre 2004
    Messages
    363
    Détails du profil
    Informations forums :
    Inscription : Octobre 2004
    Messages : 363
    Par défaut
    vertical-align : middle;

  3. #3
    Membre chevronné Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Par défaut
    tu as positionne ton image en bas a gauche, peu etre que a gauche au milieu ca serai mieux(ou a gauche en haut ca depend de l'image en fait)?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background-position:left middle;
    Si ca ne suffi pas tu peu aussi jouer sur le padding top, en en rajoutant tu va donner l'impression que ton text est plus bas.

    Autre solution modifier ton image.

  4. #4
    Membre Expert
    Avatar de Nesmontou
    Homme Profil pro
    Architecte logiciel
    Inscrit en
    Septembre 2004
    Messages
    1 612
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Architecte logiciel
    Secteur : Finance

    Informations forums :
    Inscription : Septembre 2004
    Messages : 1 612
    Par défaut
    Salut, le
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    vertical-align : middle;
    sert pour les cellules des tableaux

    Dans ton cas, rajoute plutôt
    (il faut mettre la même valeur que pour ton height)

    Bon développement

  5. #5
    Membre chevronné Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Par défaut
    Citation Envoyé par 10-nice
    vertical-align : middle;
    vertical align ne marche que dans un contexte de tableau il ne semble.
    On pourai utiliser ca en rafoutant un display:table-cell, mais IE n'interprete pas cette derniere propriété.

  6. #6
    Membre chevronné

    Inscrit en
    Octobre 2004
    Messages
    363
    Détails du profil
    Informations forums :
    Inscription : Octobre 2004
    Messages : 363
    Par défaut
    euh non vertical-align il ne fonctionne pas que dans les tableaux

    Il est censé mais interprété pour d'autre bloc comme les divs par exemple

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    24
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 24
    Par défaut
    Merci tous le monde de m'avoir repondu aussi vite

    line-height:40px;

    c'est nickel

    Merci

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

Discussions similaires

  1. [HTML][CSS] titre avec bordure et image
    Par McFoggy dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 21/04/2006, 10h13
  2. [CSS] Changer d'image quand on passe dessus
    Par Trunks dans le forum Mise en page CSS
    Réponses: 13
    Dernier message: 08/12/2005, 22h18
  3. [xhtml][css] chargement d'image sur IE
    Par killgors dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 23/08/2005, 20h37
  4. [CSS] Propriété d'image
    Par m312 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 13/08/2005, 23h49
  5. [CSS] Affichage d'images sous Firefox & IE
    Par Flushovsky dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 12/06/2005, 12h55

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