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

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    août 2019
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 20
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : août 2019
    Messages : 6
    Points : 5
    Points
    5

    Par défaut Ombre en haut et en bas en interne

    Bonjour,
    je suis en pleine création de site et je rencontre un problème au niveau du CSS,
    Je cherche à faire des ombres internes uniquement en haut et en bas et surtout pas sur les côtés mais je n'y arrive pas, j'ai fait des recherche et la seul solution que je trouve c'est :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    box-shadow:0px 0px 20px 0px  black inset;
    Ce qui me fait des ombres des 4 côtés.

    Je cherche à faire ça :
    Nom : img voulue.PNG
Affichages : 19
Taille : 268 octets
    mais j'obtiens ça :
    Nom : img resultat.PNG
Affichages : 19
Taille : 1,7 Ko

    avez vous une solution autre que par une image de fond svp?
    Merci.

  2. #2
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    15 102
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Pas de Calais (Nord Pas de Calais)

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

    Informations forums :
    Inscription : août 2008
    Messages : 15 102
    Points : 30 819
    Points
    30 819

    Par défaut

    Bonjour,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
      background: #ddd;
      box-shadow: 0px 20px 10px -10px #666 inset, 0px -20px 10px -10px #666 inset;
    Voir aussi : dégradé linéaire.
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  3. #3
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    août 2019
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 20
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : août 2019
    Messages : 6
    Points : 5
    Points
    5

    Par défaut

    Merci beaucoup, c'est exactement ça qu'il me fallait.
    Nom : img résolu.PNG
Affichages : 8
Taille : 1,2 Ko

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

Discussions similaires

  1. div height 20% et div intérieur à 20px du haut et du bas
    Par Invité dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 21/12/2008, 20h40
  2. Filtre passe haut et passe bas d'une image
    Par SmileSoft dans le forum Traitement d'images
    Réponses: 4
    Dernier message: 26/03/2008, 20h30
  3. FPS : regarder en haut et en bas
    Par gusgus dans le forum Développement 2D, 3D et Jeux
    Réponses: 18
    Dernier message: 30/05/2007, 12h42
  4. un div en display:inline et plus de marge en haut et en bas
    Par dkmatt dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 02/03/2007, 11h53
  5. [FPDF] Cellule sans bordure en haut et en bas
    Par nebule dans le forum FPDF
    Réponses: 1
    Dernier message: 16/12/2004, 16h07

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