centrer une image par rapport à du texte

just me
Les bases HTML/CSS

Bonjour,

J'ai tenté de mettre un vertical-align:middle; à mon image mais ça ne change rien.

Voici le lien (ça pourra peut être plus vous aider)

http://vaurel.free.fr/cheese/updates.html

En fait, c'est en bas avec l'image à gauche que je voudrait qu'elle soit au milieu du texte (image étoile)

Quelqu'un pourrait il m'aider?

Merci ;)

3 réponses

Maenhyr

Salut,
Si j'ai bien compris, c'est l'étoile dans le block sous Récent tweets. Du coup j'aurais fais ça :

.texte_etoile {
    // ton code deja ecrit pour cette classe    
    // ....

    // ajouter ceci
    background: url(images/etoile.jpg) center left no-repeat;
    padding-left: 22px;
}

et tu supprimes ta section.etoile.

just me
Auteur

ta soluce est sympa mais sans faire un background-image?

wilose

Il faut mettre les balises .etoile dans les balises .text_etoile avant le texte,
Je te donne un premier essai, le problème c'est le "top 30%" qui est à rectifier, faut essayer avec les paddings.
Pour .text_etoile:

position: relative;
margin-left: 22px;

Pour .étoile: 

height: 100%;
position: absolute;
top: 30%;
margin-left: -22px;