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 :

Faire passer le border devant le background-color et non l'inverse


Sujet :

Positionnement en CSS avec z-index

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Conseil - Consultant en systèmes d'information
    Inscrit en
    Août 2008
    Messages
    557
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Conseil - Consultant en systèmes d'information
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2008
    Messages : 557
    Par défaut Faire passer le border devant le background-color et non l'inverse
    Bonjour,

    comment faire passer la bordure devant le background color dans le même span?

    Donc je peux utiliser les z-index. A moins de mettre un div dans un div mais bon...

    Voici mon code !

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    span#listeA {
    margin-left:212%;
    position:absolute;
    width:200%;
    border-bottom: solid 1px black ;
    background-color:#F5F5F5;
    }

  2. #2
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Je ne vois pas où se situe le problème : par défaut la bordure est au dessus de la couleur de fond...

    Veux tu dire que tu ne vois pas la bordure ?

  3. #3
    Membre éclairé
    Homme Profil pro
    Conseil - Consultant en systèmes d'information
    Inscrit en
    Août 2008
    Messages
    557
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Conseil - Consultant en systèmes d'information
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2008
    Messages : 557
    Par défaut
    Si la bordure est bien là, car j'ai une colonne blanche (sans background-color) et une grise, et on voit la bordure border-bottom qui s'affiche sur le blanc, passe derrière la colonne grise et se réaffiche sur le blanc.

    C'est pour ça que ça m'étonne un peu quand tu dis que la bordure est par défaut au dessus, en es tu sûr?

    Merci

  4. #4
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Je disais juste que lorsqu'il y a bordure et un background-color définie pour le même élément la couleur d'arrière plan ne cache pas la bordure.

    Par contre ce que je crois comprendre de ton explication c'est que tu as différents éléments...

    Mais ça, sans nous donner les explications, montrer le code, et, mieux, une page en ligne, on ne peut pas le deviner...

  5. #5
    Membre éclairé
    Homme Profil pro
    Conseil - Consultant en systèmes d'information
    Inscrit en
    Août 2008
    Messages
    557
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Conseil - Consultant en systèmes d'information
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2008
    Messages : 557
    Par défaut
    C'est en local, mais je te remercie ça fonctionne, en fait j'ai utilisais la première colonne et j'ai étendu son border aux autres en lui mettant le bon z-index.

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

Discussions similaires

  1. Peut-on faire un background-color sur la balise area dans les map?
    Par dev14 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 24/03/2013, 20h45
  2. Faire un padding qui garde le background-color (screen)
    Par Marc22 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 31/08/2010, 14h51
  3. Pb avec background color et border
    Par dream_of_australia dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 11/11/2007, 12h31
  4. Réponses: 8
    Dernier message: 09/04/2004, 14h03
  5. Réponses: 5
    Dernier message: 08/03/2004, 10h28

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