Discussion :

[adamo901]

bonjour,
Voici la partie HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class='border_shadow'>bonjour tout le monde</span>

et voici la partie css, j'ai utilisé (tuto developpez.com)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.border_shadow
{
    -webkit-box-shadow: 10px 10px 5px #888;
    padding: 5px 5px 5px 15px;
    width: 300px;
}

Pourtant ça ne marche pas?!
j'ai pas de bordures ombrées!!

[adamo901]

J'utilise comme navigateur FireFox 3.0.3

[adamo901]

Avec Firebug, dans la fenêtre de droite, avec l'onglet "style" je ne retrouve que :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.border_shadow {displaytagex.css (ligne 10)
padding:5px 5px 5px 15px;
width:300px;
}

bien que dans la partie HTML de firebug, je retrouve le code complet!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.border_shadow
{
    -webkit-box-shadow: 10px 10px 5px #888;
    padding: 5px 5px 5px 15px;
    width: 300px;
}

[Candygirl]

Bonjour,

Le préfixe -webkit cible le moteur de rendu WebKit utlisé ,entre autre, par safari et konkeror il me semble. Il est donc normal que Firefox, basé sur Gecko, ignore cette propriété spécifique.

[Bisûnûrs]

moteur de rendu WebKit utlisé ,entre autre, par safari et konkeror il me semble.

Sans oublier maintenant Google Chrome.

[Candygirl]

Merci, c'est juste il me semblait bien que j'oubliais qqch d'important d'où le "entre autre"