lundi 22 décembre 2008

Image en remplacement de texte

Catégorie : CSS : FLoat

Sujet qui a fait longuement parler de lui et qui propose de multiples 'solutions'

2 exemples

l'un se base sur le positionnement absolue et le clippage css , l'autre sur les flottants et les marges négatives

L'exercice est réalisé sur un lien avec une image transparente et un effet de roll over en image en fond

Exemple flottant :

libellé du lien en imageLe libéllé du lien

passons aux explications et a l'autre exemple ...

Lire la suite de : Image en remplacement de texte

dimanche 21 décembre 2008

tests et valeurs pour modifié le contexte de formatage

Catégorie : CSS : FLoat

Tableau et test sur les valeurs réputées modifié le contexte de formatage .

Pour I.E. , on parle plus communément de haslayout ou layout .

A quoi ça sert ?

Cela sert a contenir le dépassement des flottants , a isolé ceux-ci dans une zone déterminée , en dehors de laquelle il n'interfèrerons pas avec la règle : clear par exemple.

On teste donc les flottants et ce contexte particulier pour l'ensemble des navigateurs dans cette page .

Lire la suite de : tests et valeurs pour modifié le contexte de formatage

lundi 08 décembre 2008

float , clear , et contexte de formatage .

Catégorie : CSS : FLoat

tout le monde connait clear

clear , la regle magique qui nous dégagent des flottants n'est pas toujours aussi efficace qu'elle n'y parait ! et il se peut même qu'elle ne soit pas necessaire , tout dépend du "contexte de formatage du parent" .

Pourtant , ce dépassement des flottant , ou ces débordement sont un concept difficile a appréhender pour le neophyte.Le flottant s'ancre dans le flux de la page sans toujours repoussé les éléments qui le suivent ...

Tiens , à ces propos , I.E. :
implémente clear de façon différente , ou incomplète , selon l'idée que l'on s'en fait .
La modification de "contexte de formatage" , le "haslayout" pour IE , ne suit pas des régles communes non plus.

Alors , ces contextes de formatage ... ?

Attention , danger si emploi abusif des contextes de formatages , IE y'est plutot sensible , et les autres aussi . Vous risquez de rendre vos "clear" fous :)

En régles générales , si vous devez modifié ces contextes de formatages pour l'ensemble des navigateurs a cause d'éléments flottants , faites -le dés le début de la création de votre feuille de style et le moins possible .

Lire la suite de : float , clear , et contexte de formatage .

lundi 17 novembre 2008

Un plan de site , façon index papier

Catégorie : CSS : FLoat

Float et contexte de formatage pour Un index de site , façon imprimeur

Lire la suite de : Un plan de site , façon index papier

lundi 17 novembre 2008

Se reserver un espace minimale

Catégorie : CSS : FLoat

Comment et pourquoi se conservé un espace minimale

...sur une ou plusieurs zones d'une page fluide sans faire usage d'un min-width ou min-height ?

  1. Un min-width et min-height est deja exprimé en poucentage , sur le parent ou le dit élement ... erreur de conception ? ... pas toujours
  2. Conservé un rythme ou une coherence visuel sur des portions repetitives ou une serie de flottants.
  3. Ne pas tronqué un element de decoration visuel sans signification appliqué en background
  4. Forcer 2 flottants sur 100% de largeur de leur conteneur , dont 1 en taille fixe et le contenu de l'autre sur la largeur inconnue restante . Cela ressemble fort a l'un des comportements naturel d'un tableau ...
  5. ... et il y a surement d'autres raisons plus ou moins avouables

Lire la suite de : Se reserver un espace minimale

page 1 sur 1