Centrer texte+image

Fermé

Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 - 10 oct. 2011 à 10:16
Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 - 10 oct. 2011 à 14:45

Bonjour,
J'ai une image représentant le logo, et sur la même ligne, j'ai l'espace de connexion qui est en horizontale, le tout fait 85px de hauteur, je voudrais centrer "mon bloc" verticalement, mais à chaque test c'est un des deux qui est bien centré.
J'ai donc mis un "vertical-align:middle" sur mon image mais mon formulaire lui n'est pas bien centré. Comment faire ?

		<div class="img"><img width="220px" style="vertical-align:middle;" src="images/logo.png"></div>
		<form action="index.php" method="post">
			<div class="formulaire_connex">
				Accès membre : <div style="display:inline;padding:8px;"></div>
				<input type="text" name="identifiant" onFocus="javascript:this.value=''" value="Identifiant">
				<div style="display:inline;padding:8px;"></div>
				<input type="text" name="mdp" onFocus="javascript:this.value=''" value="Mot de passe">
				<div style="display:inline;padding:8px;"></div>
				<input type="submit" name="submit" value=""><br /><span style="float:right"><a href="motdepasse.php">Mot de passe oublié ?</a></span>
			</div>

#container #sous-menu .img img{
	float:left;
}
#container .formulaire_connex{
	float:right;	
	display: inline-block;
}

J'ai essayé de transformé mon texte en cellule de tableau mais rien n'y fait
Merci de vos réponses.

A voir également:

Centrer texte+image
Image iso - Guide
Excel cellule couleur si condition texte - Guide
Insérer une image dans word sans bouger le texte - Guide
Transcription audio en texte word gratuit - Guide
Acronis true image - Télécharger - Sauvegarde

3 réponses

Réponse 1 / 3

visibility:hidden Messages postés 249 Date d'inscription samedi 24 septembre 2011 Statut Membre Dernière intervention 24 février 2012 46
Modifié par visibility:hidden le 10/10/2011 à 13:09

Essaie un

line-height : 85px;

Réponse 2 / 3

Boubou
10 oct. 2011 à 13:10

Salut,

Comme "margin", tu as mis quoi à ton block dans ton CSS ?

Plus.

Réponse 3 / 3

Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 84
10 oct. 2011 à 14:45

Merci à tous pour vos réponses,
j'ai donc réussi à centrer mon image et mon formulaire de connexion comme ceci :

<div style="float:left;">
			// mon image logo
</div>
<form action="index.php" method="post">
			<div class="formulaire_connex" style="line-height:85px;">
				Accès membre : <div style="display:inline;padding:8px;"></div>
				<input type="text" name="identifiant" onFocus="javascript:this.value=''" value="Identifiant">
				<div style="display:inline;padding:8px;"></div>
				<input type="text" name="mdp" onFocus="javascript:this.value=''" value="Mot de passe">
				<div style="display:inline;padding:8px;"></div>
				<input type="submit" name="submit" value=""><br /><span style="float:right"><a href="motdepasse.php">Mot de passe oublié ?</a></span>
			</div>
		</form>

En mettant un line height et un float ;)
Mais j'avais oublié que j'avais "Mot de passe oublié" et donc mon line-height ne va plus étant donné que c'est pour des bloc "inline"

Discussions similaires

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

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

Excel si cellule contient texte alors...

Comment enlever le rouge sur la photo svp ?