Centrer texte+image
Melooo
Messages postés
1405
Date d'inscription
Statut
Membre
Dernière intervention
-
Melooo Messages postés 1405 Date d'inscription Statut Membre Dernière intervention -
Melooo Messages postés 1405 Date d'inscription Statut Membre Dernière intervention -
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 ?
J'ai essayé de transformé mon texte en cellule de tableau mais rien n'y fait
Merci de vos réponses.
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
- Extraire texte d'une image - Guide
- Image iso - Guide
- Transcription audio en texte word gratuit - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Excel cellule couleur si condition texte - Guide
3 réponses
Merci à tous pour vos réponses,
j'ai donc réussi à centrer mon image et mon formulaire de connexion comme ceci :
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"
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"