Comment décentrer un div?
Lcf.vs
Messages postés
144
Date d'inscription
Statut
Membre
Dernière intervention
-
Lcf.vs Messages postés 144 Date d'inscription Statut Membre Dernière intervention -
Lcf.vs Messages postés 144 Date d'inscription Statut Membre Dernière intervention -
bonjour,
comme le titre l'indique, je voudrais décentrer un div.
je m'explique afin de ne vous faire perdre du temps en m'expliquant d'aligner à gauche ou à droite de n pixels:
en fait, j'ai un div qui doit être centré au départ pour être décalé de n pixels à partir de sa position centrée (vers la gauche ou la droite)
pourriez-vous m'expliquer, svp?
comme le titre l'indique, je voudrais décentrer un div.
je m'explique afin de ne vous faire perdre du temps en m'expliquant d'aligner à gauche ou à droite de n pixels:
en fait, j'ai un div qui doit être centré au départ pour être décalé de n pixels à partir de sa position centrée (vers la gauche ou la droite)
pourriez-vous m'expliquer, svp?
A voir également:
- Comment décentrer un div?
- Div c++ - Télécharger - Langages
- <Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,97,117,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Téléchargement
- Div pascal - Télécharger - Édition & Programmation
- Body d'un mailto ✓ - Forum HTML
- Div cote a cote - Forum CSS
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
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
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