04/02/10

Implémentation jQuery du module CSS3 Template Layout

css-template-layout est la transcription Javascript du module CSS Template Layout Module. Ce mécanisme prévu par CSS3 permet de faire une grille de mise en page indépendante de la position des éléments dans le flux, sous la forme de déclarations CSS.

Par exemple, une mise en page de type : 1 en-tête, 2 colonnes et 1 pied de page peut être représenté de la manière suivante :

body {
    display : "aa"
"bc"
"dd";
}
#header    { position : a; }
#footer    { position : d; }
#content   { position : b; }
#sidebar   { position : c; }

Voir les différentes possibilités de mise en page sur CSS Template Layout demos.

Via les Professionnels francophones du développement web.



2 commentaires pour “Implémentation jQuery du module CSS3 Template Layout”

  1. [...] solution JS est que les blocs ne seront positionnés qu’une fois le DOMready (via js4design) Publiée dans Revue de presse Web | Classé Accessibilité, API, Canvas, CSS3, drag and drop, [...]

  2. I really like your weblog, but I was asking yourself when you have ever attempted utilizing « KeywordLuv » ? I use it on my blog and I do not know what I’d do without having it!

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »