Border-bottom...background Fermé

Question

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!


Configuration: Mac OS X / Safari 533.18.5

Pourleweb · Answer

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"

Border-bottom...background

1 réponse

Discussions similaires