Comment décentrer un div?
Fermé
Lcf.vs
Messages postés
144
Date d'inscription
vendredi 13 octobre 2006
Statut
Membre
Dernière intervention
10 avril 2010
-
9 févr. 2008 à 04:30
Lcf.vs Messages postés 144 Date d'inscription vendredi 13 octobre 2006 Statut Membre Dernière intervention 10 avril 2010 - 10 févr. 2008 à 09:53
Lcf.vs Messages postés 144 Date d'inscription vendredi 13 octobre 2006 Statut Membre Dernière intervention 10 avril 2010 - 10 févr. 2008 à 09:53
A voir également:
- Comment décentrer un div?
- Div c++ - Télécharger - Langages
- Css forcer retour à la ligne div - Forum CSS
- Div href ✓ - Forum HTML
- Afficher/cacher un div au clic en css ✓ - Forum HTML
- Div scrollable ✓ - Forum HTML
5 réponses
Salut !
Je ne suis vraiment pas sûr de ce que tu veux dire (surtout que ça ressemble à de l'algèbre ton truc ;)) :p !
Bref, disons que nous avons :
Si je comprend, tu veux que ton texte centré soit à droite ou à gauche de la page ?!
Alors, quelque chose comme ça devrait te suffir :
Change margin left par margin-right pour mettre ton texte à droite.
Change N pixels par :
[nombre de pixels]px;
Cordialement,
Alex.css
Je ne suis vraiment pas sûr de ce que tu veux dire (surtout que ça ressemble à de l'algèbre ton truc ;)) :p !
Bref, disons que nous avons :
<div align="center">ton texte centré</div>
Si je comprend, tu veux que ton texte centré soit à droite ou à gauche de la page ?!
Alors, quelque chose comme ça devrait te suffir :
<div style="margin-left: N pixels;"> <div align="center"> ton texte </div> </div>
Change margin left par margin-right pour mettre ton texte à droite.
Change N pixels par :
[nombre de pixels]px;
Cordialement,
Alex.css
Lcf.vs
Messages postés
144
Date d'inscription
vendredi 13 octobre 2006
Statut
Membre
Dernière intervention
10 avril 2010
36
9 févr. 2008 à 05:45
9 févr. 2008 à 05:45
bonjour à toi et merci beaucoup pour ta réponse,
en fait, comme tu peux le voir ici:
https://emarketstudy.com/
je voudrais pouvoir positionner le coin gauche du bouton ok en alignement avec le coin gauche de mon formulaire et ce quels que soient le navigateur et la résolution, jusqu'ici, c'est tout bon, mais, là, ça fait plus de 24h que je suis sur ce pépin...
si cela te permet de mieux m'indiquer...
merci
en fait, comme tu peux le voir ici:
https://emarketstudy.com/
je voudrais pouvoir positionner le coin gauche du bouton ok en alignement avec le coin gauche de mon formulaire et ce quels que soient le navigateur et la résolution, jusqu'ici, c'est tout bon, mais, là, ça fait plus de 24h que je suis sur ce pépin...
si cela te permet de mieux m'indiquer...
merci
Lcf.vs
Messages postés
144
Date d'inscription
vendredi 13 octobre 2006
Statut
Membre
Dernière intervention
10 avril 2010
36
9 févr. 2008 à 18:19
9 févr. 2008 à 18:19
à l'aide, svp....
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
9 févr. 2008 à 19:53
9 févr. 2008 à 19:53
Bonjour,
Dans l'état actuel des choses, l'aide est peut-être inutile.
Tous les éléments de ta page sont placés, dimensionnés en %.
C'est ingérable.
Que la partie centrale soit adaptable me semble convenir.
Mais les autres…
Sinon, une solution pourrait être quelque chose comme ça.
Comme ça doit être centré ET aligné à gauche, placer les éléments à aligner à gauche dans un autre les englobant et centré.
CSS
HTML
++
Tu utilises 2 fois le même id
Et, regarde une copie temporaire de ta page où les <div> ont des bordures.
Prends un coin de la fenêtre de ton navigateur et fais varier sa taille.
Jusqu'au plus petit de ce qu'il te permet.
Comment trouves-tu ça ?
--
Dans l'état actuel des choses, l'aide est peut-être inutile.
Tous les éléments de ta page sont placés, dimensionnés en %.
C'est ingérable.
Que la partie centrale soit adaptable me semble convenir.
Mais les autres…
Sinon, une solution pourrait être quelque chose comme ça.
Comme ça doit être centré ET aligné à gauche, placer les éléments à aligner à gauche dans un autre les englobant et centré.
CSS
#mon_form {width:80%; margin-left:10%; text-align:left;}
HTML
<div id="mon_form">
<form action="http://www.emarketstudy.com/one.php" method="post">
<input type="text" class="textfield" maxlength="16" size="15" name="pseudo" value="Votre pseudo." />
<br />
<input type="password" class="textfield" maxlength="16" size="15" name="mdp" value="..." />
<br />
<input id="envoi" type="submit" class="button" name="Ok" value="Ok" />
</form>
</div>
++
Tu utilises 2 fois le même id
<div id="envoi">
<input id="envoi"
Et, regarde une copie temporaire de ta page où les <div> ont des bordures.
Prends un coin de la fenêtre de ton navigateur et fais varier sa taille.
Jusqu'au plus petit de ce qu'il te permet.
Comment trouves-tu ça ?
--
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Lcf.vs
Messages postés
144
Date d'inscription
vendredi 13 octobre 2006
Statut
Membre
Dernière intervention
10 avril 2010
36
10 févr. 2008 à 09:53
10 févr. 2008 à 09:53
bonjour,
merci de me l'avoir fait remarquer... :)
j'y ai retravaillé de la nuit et vois ce que ça donne ici:
http://www.emarketstudy.com/mod.php
mais bon, tout va bien, sauf mon menu qui fait je-ne-sais-quoi et petite précision, cet exemple est uniquement fait pour firefox, dans un premier temps...
merci de me l'avoir fait remarquer... :)
j'y ai retravaillé de la nuit et vois ce que ça donne ici:
http://www.emarketstudy.com/mod.php
mais bon, tout va bien, sauf mon menu qui fait je-ne-sais-quoi et petite précision, cet exemple est uniquement fait pour firefox, dans un premier temps...
