Ombre sur texte

Bonjour,
j'aimerai savoir s'il existe un moyen d'ajouter une ombre sur un titre, et que ça ne gène pas lorsque le texte est aggrandi ou diminué.
J'ai utilisé cette technique :
CSS

h1{
background-color:#aaa;
font-size: 200%;
padding-left:5px
}

h1 span{
position:relative;
z-index: 10;
top: 2px;
left:-152px;
color:#eee;
}

HTML

<h1>Présentation<span>Présentation</span></h1>

Mais lorsque j'aggrandi ou diminue la taille du texte avec mon navigateur, forcémment le span est décalé.

Merci à vous.

As tu essayé de mettre tes unités en % ?

En théorie, tu pourrais utiliser la propriété css text-shadow de cette manière:

h1 {text-shadow:0 1px 3px #000;}

Malheureusement, seul Safari l'implémente à l'heure actuelle.
Tu n'as donc d'autres choix que de passer par une image, voir un script JavaScript approprié.

Salut,

Il serait préférable d'utiliser une image ombrée dont l'attribut alt serait bien renseigné, plutôt que dupliquer une balise. Sémantiquement cela n'a aucun sens, il s'agit là juste d'une bidouille de code destinée à un rendu graphique, qui ne présentera aucun intérêt à certains visiteurs (synthèse vocale, etc.) et pourra même leur nuire, car ils ne pourront pas forcément comprendre pourquoi le titre est répété.

Bonjour imd,

Comme ils disent au rugby, il faut renforcer les fondamentaux !
Voir par là : Une ombre ou un contour sur du texte en CSS