28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai décortiqué l'excellent article de Raphaël :
http://www.alsacreations.com/articles/cadre/
Concis & Efficace => utile !

Maintenant, dans cet exemple, le rayon de courbure des arrondis reste invariable avec les éventuelles modifications de taille du cadre.

Est-ce en raison de ceci ?
a écrit :

Nous éviterons l'usage de la balise <img> puisque dans notre cas, les coins arrondis ne constituent pas une image pertinente pourvue de sens, mais servent uniquement à la décoration. C'est donc une balise neutre qui contiendra ces quatre coins arrondis : <div>.


i.e. : Puis-je espérer me tirer de mon problème qui consiste justement à obtenir un rayon de courbure variable en mettant les coins arrondis dans des balises <img> ?
+ autres bricoles autour évidemment...

edit : Je ne dis pas non à un tuyau sur les bricoles autour car en plus je souhaiterais que malgré une modification de taille en width non égale à la modification de taille en length, la symétrie des arrondis reste respectée lorsque le cadre s'allonge mais pas lorsqu'il s' élargit.

edit 2: Solution JS free évidemment. Car avec JS, je sais faire.
Modifié par aCOSwt (09 Feb 2007 - 11:17)
Salut,
tu y auras peut-être pensé mais rien ne t'oblige à définir une taille pour chacune de tes images (avec un alt vide) même si cela représente une léger default d'accessibilité pour les petit écran.
Quant à leur placement, le plus sure dans ce cas étant le positionnement absolue.
Est ce que ça répond en partie à tes questions?
Merci de ta réponse Hermann.

Hermann a écrit :
Salut,
tu y auras peut-être pensé mais rien ne t'oblige à définir une taille pour chacune de tes images (avec un alt vide) même si cela représente une léger default d'accessibilité pour les petit écran.


J'en étais là effectivement.

Hermann a écrit :

Quant à leur placement, le plus sure dans ce cas étant le positionnement absolue.


Ha ça pour sûr ! Mais... justement... j'espérais en relatif... et je me casse la tête sur le positionnement du reste autour...
... forcément...
a écrit :
Ha ça pour sûr ! Mais... justement... j'espérais en relatif... et je me casse la tête sur le positionnement du reste autour...
... forcément...

C-a-d? Quel reste?
Hermann a écrit :
Ha ça pour sûr ! Mais... justement... j'espérais en relatif... et je me casse la tête sur le positionnement du reste autour...
... forcément...

C-a-d? Quel reste?

Bonne question Hermann !

En fait j'étais parti à plus ou moins empiler des div les uns sur les autres afin (entre-autres) de simuler des effets de relief et d'ombrages, effets évidemment évoluant dynamiquement avec les modifs de taille de fenêtre entraînant des modifs de taille des div.
Les divs n'ayant évidemment pas des dimensions proportionnelles, je me coupais les cheveux en quatre à essayer de les positionner relativement.

Maintenant, si j'essaye de répondre à ta question, je me rends compte que j'ai fait fausse route dans l'analyse de mon problème.
Que la solution est certainement plus JS que CSS dans la mesure où je ne pourrai m'économiser des calculs.

Excuse-moi pour la prise de tête.