La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Image + texte cote à cote
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Image + texte cote à cote  (Lu 3228 fois)
Image + texte cote à cote
« sur: le 12-12-2014 a 19:21:50 »
LaLoose
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  

Re:Image + texte cote à cote
« Répondre #1 sur: le 13-12-2014 a 10:22:15 »
GuillaumeRoos
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

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

Rapporter au modérateur  

Guillaume Roos - Web Designer, développeur et illustrateur indépendant
http://www.guillaumeroos.com
siret : 513 379 420 00013
Re:Image + texte cote à cote
« Répondre #2 sur: le 13-12-2014 a 19:45:34 »
LaLoose
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  
Re:Image + texte cote à cote
« Répondre #3 sur: le 13-12-2014 a 20:07:32 »
GuillaumeRoos
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

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

Rapporter au modérateur  

Guillaume Roos - Web Designer, développeur et illustrateur indépendant
http://www.guillaumeroos.com
siret : 513 379 420 00013
Re:Image + texte cote à cote
« Répondre #4 sur: le 13-12-2014 a 20:19:21 »
LaLoose
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg