Web standards, CSS 3 et Text Shadow

Membre supprimé 2 · 14 Avril 2007

Bonjour,

Je ne comprends pas comment rendre valide un lien xhtml de façon a ce que la feuille de style soit considérée en CSS 3.

Explication:
Quand je met un lien classique pour valider ma feuille de style, text-shadow n'est pas reconnu.

Quand je met un lien afin que la feuille de style soit considérée en CSS 3, cela marche bien, mais le fait de mettre ce lien dans ma page ne rend plus valide le xhtml.

Avez-vous une explication ?

Anonyme · 14 Avril 2007

Je crois que tu as fais comme moi : tu as utilisé une syntaxe incorrecte donné sur un site qui apparaît dans les premiers résultats avec Google.

Voici la syntaxe correcte :

Bloc de code:

text-shadow: #6374AB 20px -12px 2px;

De plus text-shadow c'est du CSS 2.0 ou 2.1, les CSS3 sont encore à l'état de brouiillon et donc non implémentées (à part certaines sous forme d'extensions propriétaires) dans les navigateurs. Normalement, il n'y aura pas de syntaxe spéciale à donner pour faire un lien sur une CSS3.

P.S. : à ma connaissance text-shadow ne fonctionne que dans Safari/Konqueror et dérivés…

Membre supprimé 2 · 15 Avril 2007

Mais que ferais-je sans toi Gloup-Gloup

Merci pour ces précisions

Membre supprimé 2 · 15 Avril 2007

Gloup Gloup: la syntaxe que tu as donné s'avère incorrecte. Je viens de copier leur feuille de style sur mon serveur en rajoutant text shadow (car si tu vérifies ton lien, ils utilisent text shadow non pas sur la feuille, mais dans le <head>), et le validateur refuse le code. Il n'y a donc pas moyen de faire valider text shadow actuellement.

Anonyme · 15 Avril 2007

tumb a dit:
Gloup Gloup: la syntaxe que tu as donné s'avère incorrecte. Je viens de copier leur feuille de style sur mon serveur en rajoutant text shadow (car si tu vérifies ton lien, ils utilisent text shadow non pas sur la feuille, mais dans le <head>), et le validateur refuse le code. Il n'y a donc pas moyen de faire valider text shadow actuellement.

Ah non désolé chez moi ça fonctionne parfaitement*. Il me met des erreurs sur les extensions propriétaires qui sont pourtant correctes (elles commencent par un tiret). Le problème est ailleurs.

*C'est juste pour le test je l'enlèverai dans quelques jours…

Anonyme · 15 Avril 2007

Ça y est j'ai trouvé : quand on teste la feuille seule, le validateur indique une erreur mais à partir du document html c'est bon!!. Mais quant à dire pourquoi, là, mystère Peut-être qu'il considère la feuille seule comme css 1 et dans le document html css 2 ou css 2.1.

iMatthieu · 16 Avril 2007

Hello,

J'avais aussi des erreurs avec des attributs CSS3 (opacity, ...)... Il faut ajouter un paramètre dans l'url du validateur pour utiliser le draft CSS3 -> http://jigsaw.w3.org/css-validator/check/referer?profile=css3

Web standards, CSS 3 et Text Shadow

Membre supprimé 2

Invité

Anonyme

Invité

Membre supprimé 2

Invité

Membre supprimé 2

Invité

Anonyme

Invité

Anonyme

Invité

iMatthieu

Membre actif

Sujets similaires