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   -
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?

5 réponses

Alex.css0
 
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 :
<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
0
Lcf.vs Messages postés 144 Date d'inscription   Statut Membre Dernière intervention   36
 
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
0
Lcf.vs Messages postés 144 Date d'inscription   Statut Membre Dernière intervention   36
 
à l'aide, svp....
0
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
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
#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 ?

--
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Lcf.vs Messages postés 144 Date d'inscription   Statut Membre Dernière intervention   36
 
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...
0