28172 sujets

CSS et mise en forme, CSS3

Bonjour.
Je souhaite incliner un bloc html, div par exemple, avec un angle d'inclinaison libre (donc pas avec le progid:DXImage de microsoft)
Malgré mes différentes recherche, je ne trouve pas de solution. Et j'ai du mal à croire qu'on ne soit pas en mesure de faire ça à l'heure actuelle...
Merci d'avance.
Tu ne pourras pas le faire en CSS, à part peut être en CSS 3 mais ne compte pas pouvoir l'utiliser sur les navigateurs courants.
Le seul moyen est soit de générer une image côté serveur (avec GD) ou bien grâce à SVG/VML ou encore en Canvas.
yannouk a écrit :
Et j'ai du mal à croire qu'on ne soit pas en mesure de faire ça à l'heure actuelle...

Désolé, mais dans ce cas précis la réalité ne dépasse pas la fiction.

Rien pour incliner des contenus en CSS 2.1. Il y a une proposition de CSS Transforms pour CSS3, implémentée de mémoire à titre expérimental dans Safari (version?) et dans Firefox 3.1 (encore en développement). Rien d'utilisable avant longtemps.

Les solutions alternatives consistent à utiliser SVG ou Canvas, avec un support à peu près aussi bon que les CSS Transforms.

Donc rien d'utilisable à l'heure actuelle, passer son chemin.
SVG est un langage de dessin vectoriel qui est supporté par la plupart des navigateurs modernes (donc pas IE sauf si installation du plugin Adobe). VML est l'équivalent de SVG mais seulement pour IE.
Canvas quant a lui, est l'équivalent d'une image en HTML sauf que l'on peut y dessiner ce que l'on veut.
Florent V. a écrit :

Désolé, mais dans ce cas précis la réalité ne dépasse pas la fiction.

Rien pour incliner des contenus en CSS 2.1. Il y a une proposition de CSS Transforms pour CSS3, implémentée de mémoire à titre expérimental dans Safari (version?) et dans Firefox 3.1 (encore en développement). Rien d'utilisable avant longtemps.

Les solutions alternatives consistent à utiliser SVG ou Canvas, avec un support à peu près aussi bon que les CSS Transforms.

Donc rien d'utilisable à l'heure actuelle, passer son chemin.

A vrai dire, Canvas me semble la manière la plus évidente, je l'utilise et fonctionne sur tous les navigateurs, même IE7+ (par VML). Le seul problème est le dessin de texte, il est existe quelques moyens d'en dessiner : http://jim.studt.net/canvastext/ , http://typeface.neocracy.org/ ou d'autres encore. Un début de fonctions de dessin de texte sera introduit dans Firefox 3.1.
Canvas n'est pas supporté par IE, mais est émulé par ExCanvas qui transforme les instructions Canvas en VML, natif à IE.
Voilà qui a le mérite d'être clair, à mon grand damn
Merci à tous les deux

edit: ah, fabien.menager , une lueur d'espoir...
Modifié par yannouk (03 Feb 2009 - 22:41)