Alignement texte - image

Fermé

avrelbct Messages postés 307 Date d'inscription mardi 20 mars 2007 Statut Membre Dernière intervention 17 février 2011 - 9 juin 2010 à 16:10
LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 - 9 juin 2010 à 20:50

Bonjour,

Je voudrais faire un alignement vertical d'un petit texte avec une image.

J'ai une ligne de texte, au bout de cette phrase une image, et j'aimerais que ma phrase soit aligné avec le centre de mon image, verticalement. Je n'y arrive pas, elle est toujours aligné sur le bas de mon image, comme si les deux étaient posé une une ligne quoi.
Mon image est un lien, et la phrase décrit ce qu'il se passe quand on clique sur le lien.
le code html est :

<div id="fan"><h4>Devenir fan sur FB.<a href="https://www.facebook.com/login.php?next=https%3A%2F%2Fwww.facebook.com%2Fpages%2F"><img src="image/image.png"></a></h4></div>

Dans mon CSS j'ai ça :

div#fan
{
	height:40px;
	line-height: 40px;
	text-align:center;
	background-color:green;
	vertical-align:top;
}

Mon image fait 40 pixels de haut.

A voir également:

Alignement texte - image
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Si cellule contient texte alors ✓ - Forum Excel
Google recherche par image - Guide
Modifier le texte d'une image - Forum Logiciels

4 réponses

Réponse 1 / 4

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
9 juin 2010 à 16:36

J'attribuerais le line-height plutôt au h4 sans préciser de vertical-align qui est middle par défaut.

Réponse 2 / 4

avrelbct Messages postés 307 Date d'inscription mardi 20 mars 2007 Statut Membre Dernière intervention 17 février 2011 55
9 juin 2010 à 17:21

ça n'a rien changé.

Réponse 3 / 4

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
9 juin 2010 à 20:37

#fan { 
text-align:center;
background-color:green;	
}
h4 a { 
line-height: 40px;	
vertical-align:middle;
}

Réponse 4 / 4

LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
9 juin 2010 à 20:50

Avec un margin:auto; ça le fait verticalement, si le texte est plus petit que l'espace concédé ?

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Formule Excel : "SI" une cellule contient un mot, alors ?

Trouver le mot réellement écrit en lettres capitales PIX

Alignement du texte à gauche et à droite

retrouver un texte caché dans une image jpg

Discussions similaires

Newsletters