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 :

Ombre - problème de taille de l'image "ombre"


Sujet :

Ombre portée en CSS avec box-shadow

Vue hybride

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

    Informations forums :
    Inscription : Décembre 2007
    Messages : 151
    Par défaut Ombre - problème de taille de l'image "ombre"
    Bonjour,
    J'utilise ce code pour faire une ombre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <div class="ombre">
     <div class="coin_bas">
      <div class="coin_haut">
       <ul><li class="retour"><a href="acceuil">Retour à l'acceuil</a></li></ul>
      </div>
     </div>
    </div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     
    .ombre, .coin_bas, .coin_haut {
    	display : block;
    }
     
    .ombre {
    	background : transparent url(/img/img_carto/shadow.gif) no-repeat scroll right bottom;
    }
     
    .coin_bas {
    	background : transparent url(/img/img_carto/corner_bl.gif) no-repeat scroll -16px 100%;
    }
     
    .coin_haut {
    	padding : 0 8px 2px 0;
    	background : transparent url(/img/img_carto/corner_tr.gif) no-repeat scroll 100% -16px
    }
    Le problème est que mon contenu peut avoir une taille (vertical) assez élevée. Mon image n'est donc pas assez grande pour tout couvrir.. Actuelement, j'ai une taille de 2500x1000. Ca commence à faire grand..

    Comment puis-je éviter davoir une grosse image ?

    Merci d'avance.

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Bonjour,

    Pourrais-tu poster les images ?

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    151
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 151
    Par défaut
    Les voici :





  4. #4
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Je ne vois pas trop ce que tu veux faire mais c'est sans doute un mauvais choix de découpage
    Un fichier zip/rar ou une page en ligne pour mieux comprendre ?

Discussions similaires

  1. Réponses: 4
    Dernier message: 02/02/2009, 17h21
  2. problème avec le recupération de la taille d'une image
    Par vbcasimir dans le forum Modules
    Réponses: 5
    Dernier message: 28/11/2005, 17h20

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