IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

margin et padding


Sujet :

CSS

  1. #1
    Membre du Club
    Étudiant
    Inscrit en
    Avril 2008
    Messages
    68
    Détails du profil
    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2008
    Messages : 68
    Points : 65
    Points
    65
    Par défaut margin et padding
    Bonjour, comment vous allez? Voilà mon problème : j'essaie de décaler le texte de ma page par rapport à l'image du background.
    avec le code ci-dessous ça me donne l'image 1
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    #content {
    	background-image:url(img/content.png);
    	height:auto;
    	width:1117px;
    	margin-left:auto;
    	margin-right:auto;
    	padding-bottom:10px;
    	padding-top:10px;
    }
    Et lorsque je met un padding-left il me donne l'image 2. Il décale le background-image et non le texte.
    Images attachées Images attachées   

  2. #2
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 700
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 700
    Points : 3 849
    Points
    3 849
    Billets dans le blog
    6
    Par défaut
    Il nous faut le code html.
    Néanmoins, je pense que :
    • Soit la partie avec le texte est positionnée en absolute,
    • Soit le sélecteur de ta règle css n'est pas le bon.


    Bonjour, comment vous allez?

  3. #3
    Membre émérite
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 51
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Points : 2 907
    Points
    2 907
    Par défaut
    Bonjour,

    Quand tu ajoutes ton padding, est-ce que tu penses bien à réduire le width de la valeur de ton padding gauche + padding droite (modèle de boîte par défaut) ?

    ex:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    #content {
            padding:10px 20px;
    	width:1077px;
    }
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et si c'est le cas

Discussions similaires

  1. Balise margin et padding
    Par mandragore69 dans le forum Mise en page CSS
    Réponses: 24
    Dernier message: 13/05/2015, 16h56
  2. un margin et/ou un padding venu de null part
    Par LaDeveloppeuse dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 19/02/2008, 11h34
  3. problème margin ou padding
    Par mattrou dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 07/08/2007, 12h54
  4. Différence IE / Firefox avec Padding et Margin à 0
    Par gb-ch dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 02/02/2007, 22h40
  5. Problème de margin et padding
    Par Fleuretta dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 05/01/2007, 15h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo