[RÉSOLU] Centrage d'un texte verticalement

Bonjour,

Je tente par tous les moyens de centrer verticalement les mots Français et Nederlands en fonction du bloc vert et des drapeaux, mais je n'y arrive pas.

Quelqu'un aurait-il une idée? Merci d'avance.

http://www.pointdot.be/projets/amade/site/
Modifié par paskwalina (31 Oct 2010 - 11:46)

Hello,

A priori, il suffira d'appliquer un vertical-align: middle sur l'image et l'intitulé... par contre c'est quoi cette balise <h7> ?!
Modifié par Raphael (30 Oct 2010 - 17:47)

Bonjour Raphael,

J'ai tout changé, nommé autrement cette balise <h7>, dont j'en ai fait une classe (.langue et .langue2).
J'ai mis des vertical-align sur ces classes + sur les images de drapeaux et là, tout a bougé.

Je pense que je m'emmêle les pinceaux. Peux-tu encore m'aider?

paskwalina a écrit :
Je pense que je m'emmêle les pinceaux. Peux-tu encore m'aider?

Euh oui, là tu as mis des <div> partout
Non seulement c'est inutile, mais en plus il s'agit d'éléments blocs qui occupent forcément toute la largeur.

Pourquoi ne pas simplifier tout ça ?

<div id="langue">
   <a href="versionFR.html"><img alt="français" src="fr.png" /> <span>Français</span></a> 
   <a href="versionNE.html"><img alt="nederlands" src="ne.png" /> <span>Nederlands</span></a>
</div>

Ensuite il suffirait de mettre le vertical-align au bon endroit :

#langue img, #langue span {vertical-align: middle}

Modifié par Raphael (30 Oct 2010 - 18:33)

Génial! Merci. Cela fonctionne. Effectivement, j'ai un peu compliqué la chose et ta solution est bien plus simple.
Seulement, mon rollover ne fonctionne plus depuis lors et pourtant, dans le css, j'ai mis

#choixlangue span a:hover {
color:#04424A;
}

Une idée?

paskwalina a écrit :

Seulement, mon rollover ne fonctionne plus depuis lors et pourtant, dans le css, j'ai mis

#choixlangue span a:hover {
color:#04424A;
}

Une idée?

Oui, il n'y a pas de <a> dans le <span> donc la cible n'est pas trouvée.

Essaye

#choixlangue a:hover {
	color:#04424A;
}

Malheureusement, même cela ne change rien... Bizarre.

Bonjour à vous,

#choixlangue a:hover span {color:#04424A;}

Car le span qui est dans le lien, paskwalina, est déjà "stylé" en blanc.
Modifié par Jerfa (30 Oct 2010 - 22:45)

Ah ok!! Génial. Cela fonctionne!!!!

Merci à vous deux, Raphael et Jerfa. Vos conseils m'aident beaucoup, vu que j'apprends sur le tas et que je n'ai pas encore toutes les clés pour être une experte en css.