Margin padding

Fermé
ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 - 26 août 2012 à 12:34
 Utilisateur anonyme - 26 août 2012 à 21:23
Bonjour,

sur mon site :

http://icreatorbeta.free.fr/

j'ai un fond rose + du texte

ici j'ai du texte décalé vers la droite.
J'aimerais non pas le centrer, mais le décaler moi meme vers la gauche.

J'ai essayé avec MARGIN, mais le problème c'est qu'il m'écrase mon texte et donc me fait des retour à la ligne.
Donc j'aimerais ce texte tel quel.

Sauriez vous comment faire s'il vous plait ?
J'ai tout essayé mais rien à l'air de fonctionner

merci d'avance mes amis !

4 réponses

Utilisateur anonyme
26 août 2012 à 14:27
salut,
si tu veux décaler ton texte vers la gauche tu dois enlever cette ligne du style.css:

text-align: center; situé dans #bienvenue h1{ } ainsi que dans #bienvenu-message-marge { } #bienvenue-message
0
ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 48
26 août 2012 à 15:08
bonjour
merci pour votre réponse.

J'ai fais ce que vous m'avez dit, mais je crois que je me suis mal exprimé.

en faite ce que je veux c'est que le texte soit au milieu du rectangle violet.
Là il est décalé sur la droite, et j'aimerais le faire coulisser vers la gauche manuellement (au pixel par pixel, et non pas le centrer directement au rectangle)
0
je comprends mieux, en fait c'est une animation que tu veux n'est ce pas ?
si c'est le cas , je te recommende d'ajouter un framework JS (jquery ou bien mootools )

http://mootools.net/demos/?demo=Fx.Slide
http://jsfiddle.net/api/post/mootools/1.4/dependencies/more/
0
ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 48
26 août 2012 à 16:55
ah non, c'est juste du texte sur un rectangle violet.

le texte est trop décalé sur la droite, donc je veux le recadrer au centre du rectangle violet
0
Utilisateur anonyme
26 août 2012 à 18:36
ok , je crois comprendre maintenant .

dans chaque #id (du premier commentaire) , il faut rajouter un attribut :
width: 70%; //pour le "bienvenue" par exemple ... apres , pour les autres , il faut tester et trouver le bon pourcentage :)
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 219
26 août 2012 à 19:51
Hummm, ça me laisse perplexe comme solution...

Je propose :

1-Supprimer text-align: center; de #bienvenue p
2-Supprimer text-align: center; de #bienvenue-message-marge
3-Supprimer margin-top: 35px; de #bienvenue-message-marge et remplacer par margin: 35px 5px 5px -20px;

Sur mon teste, le premier paragraphe est centré et peut être décalé en jouant sur la marge négative (-20px). A vous de faire le reste.
0
Utilisateur anonyme
26 août 2012 à 21:23
j'avoue ta solution est plus intuitive ^^
0