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 :

[CSS] padding & background-image


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 184
    Par défaut [CSS] padding & background-image
    Bonjour,

    J'ai le soucis de mise en page en CSS suivant:

    J'ai un <div> avec une image d'arrière-plan et si je rajoute un padding, ce premier s'agrandit en bas et à droite. Je pensais qu'avec un padding (contrairement au margin) le conteneur ne se redimmensionnait point.

    Voici le code (le div en question est le premier):

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    #gauche { float:left; width: 172px; height: 365px; padding: 5px; text-align: center; font-size: 12px; color:#FFFFFF; 
    background-image:url(../ressources/bgd_clients.jpg); background-repeat:no-repeat; }
     
    #contenu { float:left; width: 599px; height: 367px; 
    background-image:url(../ressources/shake.jpg); background-repeat:no-repeat; }
    Merci.

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    531
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 531
    Par défaut
    Si, ça fait toujours ça. C'est pas grave, si tu ajoutes 5 de padding, tu retranches 5 au width et 5 au height et ça fonctionne très bien.

  3. #3
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Citation Envoyé par JackBeauregard
    Si, ça fait toujours ça. C'est pas grave, si tu ajoutes 5 de padding, tu retranches 5 au width et 5 au height et ça fonctionne très bien.
    10 au width et 10 au height avec un padding de 5. Il y a les deux côtés à retrancher.

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 184
    Par défaut
    Vous êtes choux! Mais ce bricolage est-il évitable? En attendant je m'en contente et merci encore

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [CSS] background-image ne s'affiche pas
    Par Ghost Warrior dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 25/12/2005, 01h29
  2. [CSS] background-image, pourcentage et mozilla
    Par yaka2 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 23/11/2005, 14h44
  3. [CSS] non-fonctionnement de background-image
    Par Henri dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 16/09/2005, 20h06
  4. [CSS] background-image : 2 images
    Par ZeImp dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 18/07/2005, 00h59
  5. [CSS] Background-image étirée sur tout l'écran
    Par Amnesiak dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 04/03/2005, 12h24

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