Titre: Image + texte cote à cote
Posté par: LaLoose le le 12-12-2014 a 19:21:50
Bonjour tout le monde,
Je rencontre des problèmes d'affichage.
Je voudrais mettre Une image + un texte cote à cote SANS TOUCHER A LA STRUCTURE DE MON SITE
J'ai donc créer une DIV qui contient une image + un texte
Le hic c'est qu'une petite marge rose apparait en haut de mon contenu et que le tout n'est pas centré.
Pouvez-vous avoir la gentillesse de m'aider ?
Je suis hyper nulle.
Me
http://www.votre-faire-part.com/page.html
http://www.votre-faire-part.com/page.css |
Titre: Re:Image + texte cote à cote
Posté par: GuillaumeRoos le le 13-12-2014 a 10:22:15
Bonjour,
En fait, la barre rose en haut de vos div, c'est le fond de la page qui apparait à cause des marges. Il vous suffit de rajouter un "background:#fff;" à la div #principal, et il n'y aura plus de rose apparent.
Après, si c'est le texte que vous voulez centrer, il vous suffit de rajouter, à votre css :
Code:
#content .item p{ text-align:center; }
|
|
Si ce n'est pas le text qu'il fallait center, alors je n'ai pas compris ce que vous vouliez faire :)
Bonne journée,
Guillaume |
Titre: Re:Image + texte cote à cote
Posté par: LaLoose le le 13-12-2014 a 19:45:34
Merci Guillaume, tu m'as résolu mon problème de marge rose
Pour le centrage, mon contenu est justifié sur la gauche et je voudrai q'il soit au milieu
Sur Opéra et sur Safari tout est sur la gauche.
Si tu as une astuce ca serait topissime !
Merci en tout cas, merci vraiment |
Titre: Re:Image + texte cote à cote
Posté par: GuillaumeRoos le le 13-12-2014 a 20:07:32
En fait, le contenu est déjà centré mais ça ne se voit pas à cause du menu gauche (si tu retires le menu, tu verras que le contenu est centré par rapport au reste de la div #principal). Pour donner l'impression que le contenu est centré par rapport à l'espace placé à droite du menu, il suffit de retirer le "margin:auto;" de la div content et de remplacer la ligne par "margin-left:215px;".
J'espère que j'ai compris, ce coup-ci.
Bonne soirée,
Guillaume
PS : attention, je donne ces conseils en réponse à ta question mais, d'un point de vue pro, je pense qu'il faudrait quand même envisager une refonte de la structure de la page : dans l'état actuel, les dimensions sont complètement fixes, ça va être une prise de tête pour placer les éléments de chaque page et le site créera des ascenseurs de tous les côtés sur tout écran de moins de 1150px de large (je ne parle même pas des tablettes et des téléphones). A mon avis, c'est plutôt à faire en début de projet, comme maintenant, qu'en fin de travaux, quand tout le site sera à refaire.
C'était mon avis :) |
Titre: Re:Image + texte cote à cote
Posté par: LaLoose le le 13-12-2014 a 20:19:21
Guillaume,
Moi tout est pratiquement collé sur le menu de gauche.
Tu as raison pour la structure.
Je vais la refaire avec un vrai webmaster cette semaine.
Tu penses que tout rentreras dans l'ordre quand elle sera mieux faite ?
Car là ca ne marche pas avec le margin-left:215px;
Merci Guillaume pour ta réactivité !!!
Je peux te demander quelque chose d'autre ?
Je voudrais maintenant faire
2 images cote à cote
+ texte en dessous
http://www.votre-faire-part.com/theme/ecureuil/faire-part.htm
Tu penses que je dois procéder comment
1 seul div ( 2 images + texte)
Ou sous forme de tableau
Je suis un peu perdue
Grrr on m'appelle pour manger. Je reviens vers toi au plus vite.
Merci merci merci merci |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|