28172 sujets

CSS et mise en forme, CSS3

Effet css "double bordure - padding" difficile à expliquer..

Bonjour à tous,

Cela fait un moment que j'essaye de comprendre comment faire ce que l'on voit dans la partie supérieure de ce site http://www.geberit.com/Geberit/Inet/com/wcmscomd.nsf/pages/index

Il y a comme une sorte de double bordure grise-blance, ou alors un fond gris qui serait limité par un padding pour faire ressortir une bordure blanche... C'est un effet très commun, mais je ne vois vraiment pas comment c'est fait. Bref je pense que vous voyez ce dont je parle Smiley confused .

J'ai essayé de fouiner avec firebug, mais sans réponse...

Des pistes?

Merci d'avance!
Bonjour,

c'est horrible, tout en tableau.

Cellule grise pour le contenu entouré de 4 cellules blanches de 1px de large (ou de hauteur).
bizarre alors que pourtant il avait mis une image de fond avec la double bordure...

je ne comprends pas pourquoi il s'est compliqué à ce point...
Administrateur
Ouch, je suis pas sûr que le rendu de inset et cie soit acceptable comme valeur de border mais au pire deux div imbriqués avec chacun leur bordure (white dedans, gris autour) faisait l'affaire nan ?

img.double{

  border:1px solid #f00;
  background:#000;
  padding:1px;
}


Directement sur l'image, sans divs imbriquées.
Tout simplement. Bien sûr il faut que l'image soit opaque.
Modifié par publicaccount (02 Oct 2009 - 12:03)
Sujet clos
Aller à