Salut,
J'essaye de modifier le tuto sur l'ombre en CSS en ajoutant une image de fond (un trait horizontal) qui ne doit pas apparaitre derrière le titre.
Seulement, pour faire cette ombre, on doit passer par un élément de type "bloc" impérativement. Or, à partir de là, la largeur du bloc est de 100% par défaut.
J'aimerais que cette largeur ne soit pas plus longue que le contenu du "bloc", sinon on ne voit plus l'image de fond.
Voici le code HTML
Merci
J'essaye de modifier le tuto sur l'ombre en CSS en ajoutant une image de fond (un trait horizontal) qui ne doit pas apparaitre derrière le titre.
Seulement, pour faire cette ombre, on doit passer par un élément de type "bloc" impérativement. Or, à partir de là, la largeur du bloc est de 100% par défaut.
J'aimerais que cette largeur ne soit pas plus longue que le contenu du "bloc", sinon on ne voit plus l'image de fond.
Voici le code HTML
<div id="TitrePage"><div title="Nos Clients">Nos Clients</div></div>#TitrePage {
background: url(trait.gif) yellow repeat-x left center;
padding: 15px 0;
border: solid 1px blue;
}
#TitrePage div {
font: bold 32px/32px verdana, sans-serif;
color: LightGrey;
background-color: white;
border: solid 1px red;
}
#TitrePage div:after {
display: block;
margin-left: -3px;
margin-top: -35px;
color: black;
content: attr(title);
}Merci
