lundi 27 octobre 2008

5 pistes pour centrer en X,Y vos pages

Catégorie : CSS : Gabarits

5 gabarits : comment centrer en x,y leur contenu

présentation de 5 gabarits

Chacun d'eux auront en commun la necessité de pouvoir transmettre la hauteur de la fenetre aux elements centreurs ou conteneur principal .

  1. Piste avec un conteneur etirable
    1. Un tableau d'une cellule .
    2. display:table; .
    3. display:inline-block .
  2. Piste avec conteneur a dimensions fixes
    1. position:absolute; et marges automatiques .
    2. position:absolute; et marges négatives .(avec Annulation des defauts dans les pages gabarits)

Pour chacun de ces test , des alternatives seront tenté pour les navigateurs incapable d'appliqué les techniques proposés .

Lire la suite de : 5 pistes pour centrer en X,Y vos pages

mercredi 22 octobre 2008

pied en bas de fenêtre

Catégorie : CSS : Gabarits

3 gabarits : 1OO% de hauteur

présentation de 3 gabarits et demo en thumbnails html .

Chacun d'eux , même vide de contenu occuperons 100% de la hauteur de la fenetre , avec un entete et un pied en bas de fenêtre .

  1. Pied en position fixe en bas de fenêtre , toujours visible quelque soit la longeur de la page .
  2. Pied en bas de page , est repoussé sur les longues pages .
  3. Banniere et pied de page toujours dans la fenêtre , quelque soit la longeur de la page .

Lire la suite de : pied en bas de fenêtre

lundi 20 octobre 2008

Plusieurs gabarits , une seule feuille de style

Catégorie : CSS : Gabarits

Dans cette article nous allons mettre en évidence l'intérêt de mettre en œuvre flottants et contextes de formatages .

Cette exemple fixera une hauteur aux éléments utilisés , il ne s'agit pas d'une technique dîtes de fausses colonnes . En enlevant cette hauteur arbitraire vous obtiendrez des gabarits fluides .

Lire la suite de : Plusieurs gabarits , une seule feuille de style

dimanche 19 octobre 2008

5 , 4 , 3 , 2 , 1 , 0 div !

Catégorie : CSS : Gabarits

miniature : image de base

En partant d'une image découpé en 3 portions , on se retrouve confronté a differents choix pour reproduire une page html fluide .
Une imbrications de < div > semble s'imposé pour dispatché les differents morceaux ...

5 ,4 ,3 ,2 ,1 ,0 : c'est le nombre de div a atteindre en partant d'un decoupage style année 1998/2005 vers un futur proche ... aujourd'hui ?

Ces test sont dans les cartons depuis courant 2006 , un premier essai sur un forum publique : reprise d'un topic d'alsacreations , a l'époque , les pseudo :after et :before etait eux aussi dans les cartons , on n'en parlait que trés peu , même quand on savait !

La page test : finale sans <div> , envisageable ,si vous la trouvez acceptable dans IE .

Lire la suite de : 5 , 4 , 3 , 2 , 1 , 0 div !

page 1 sur 1