Le lun 26/04/2004 à 14:58, Eric Daspet a écrit :
> NeoKoD wrote:
> > Pour cela il faut utiliser la technique d'Eric Meyer avec par exemple :
> > <h1><span>Titre</span></h1>
> > Puis on met un background image sur le h1 et un display:none sur le
> > span.
>
> Le problème c'est que ça fait rajouter des balises "inutiles". Si on
> finit avec 150 <div> et <span> surnuméraires dans la page on va avoir du
> mal à affirmer que c'est plus simple et plus naturel.
Je suis bien d'accord, l'idéal serait d'avoir un code HTML
sémantiquement correct, mais c'est rarement possible.
Rien que les attributs "id" ou "class" sont sémantiquement dispensable..
Où pire, les <div> et les <span> qu'on met tous dans nos pages (si y en
a qui n'en ont pas, dites moi comment vous faites dans votre CSS ! :)

>
> J'ai vu passer une technique plus propre à mon avis :
>
> - mettre l'image en background
> - bloquer le clipping pour que le texte qui dépasse ne s'affiche pas
> - mettre un padding négatif assez important de façon à être sûr que le
> texte sortie justement du bloc

Intéressant, je vais rechercher dans les archives pour utiliser cette
astuce.

Y a t-il un site qui regroupe ce genre d'astuces ?

Merci