28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

après de nombreux essais, je n'arrive pas à appliquer un effet d'ombre sur des blocs pour lesquels j'utilise roundies.js afin d'arrondir les angles.

En fait, l'effet s'applique pendant une seconde avant de se reporter sur les textes et éléments présents dans le bloc sauf par exemple sur un autre bloc présent à l'interieur du premier et sur lequel j'utilise également roundies.js.

Avez vous constaté une incompatibilité entre les 2 effets ?

Merci d'avance pour vos réponses.

EDIT: je viens de tester dropshadow sans roundies. L'effet d'ombrage fonctionne bien que le rendu ne soit pas terrible: rien à voir avec le border-shadow traditionnel.... Donc il y a bien un problème pour associer les 2. Chez moi en tout cas. Si vous avez une soluce...D'autant que je n'arrive pas à faire fonctionner le .htc. Bref, je désepère... Smiley decu
Surtout qu'un utilisateur sur deux utilise Explorer...
Modifié par ottis (04 Mar 2010 - 00:59)
Administrateur
Hello,

ottis a écrit :
Avez vous constaté une incompatibilité entre les 2 effets ?

C'est effectivement ce que dit aussi le tutoriel sur les arrondis, au chapitre "Roundies : restrictions".

Solution :
- ajouter un élément parent
- appliquer l'un des effets au parent (roundies par exemple)
- appliquer l'un des effets à l'élément (shadow par exemple)
Effectivement, je viens de relire la partie restrictions de roundies du tuto et j'étais passé à côté.
Les solutions proposées me conviendraient parfaitement si les blocs ou je souhaite ajouter les effets étaient tous de taille fixes mais malheureusement l'un d'eux est extensible (une page de résultats d'un formulaire de recherche). Ca m'embète un peu d'appliquer un effet à toutes les pages sauf à celle-ci.

Mais merci quand même, je vais de toute manière essayer de creusez dans cette direction.

Bonne journée.

EDIT: je vais essayer de creer une image totalement transparente (si c'est possible) et la superposer afin d'appliquer l'ombrage dessus. On verra bien ce que ça donne. Smiley cligne
Modifié par ottis (04 Mar 2010 - 11:18)