Border-bottom...background

larin555 Messages postés 11 Date d'inscription   Statut Membre Dernière intervention   -  
 S. -
Bonjour,

Je tente de changer des codes CSS.
Je veux changer le "border-bottom" pour une image.

Voici la ligne de code que j'ai modifié :

.box h2{ /*font-family:'Avenir';*/ font-family: 'ImpactLight'; font-size:30px; text-transform:uppercase; font-weight:normal; margin:0 0 6px 0; letter-spacing:2px; line-height:1.1; border-bottom:4px; border-bottom-image:url(/images/separator_cmyk.jpg); padding:0 0 7px 0; }

L'original est :

.box h2{ /*font-family:'Avenir';*/ font-family: 'ImpactLight'; font-size:30px; text-transform:uppercase; font-weight:normal; margin:0 0 6px 0; letter-spacing:2px; line-height:1.1; border-bottom:4px solid #000; padding:0 0 7px 0; }

Donc j'ai changé "border-bottom:4px solid #000" pour "border-bottom-image:url(...)"

Cela ne fonctionne pas.

Quelqu'un a une idée comment je pourrais changer ce code CSS pour afficher mon image (qui est 833x4 pixel) en background de "border-bottom"?

Merci beaucoup!


A voir également:

1 réponse

Pourleweb Messages postés 1 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour Iarin,
"border-bottom-image" ca n'existe pas en css, il faut que tu mette ton image en background de ta division :

Background-image:URL('/tonimage.jpg');

et ensuite que tu place l'image en position basse avec "background-position"
0
S.
 
border-bottom-image existe effectivement (nouveauté CSS3).
0