CSS / 3 colonnes / en-tête / pied de page

Accueil Menus Page Hacks CSS/PHP CSS PopUps Span Déboguer CSS In English Contact

Appliquer un style à une balise <span>.

Un <span> non vide hors d'un lien (1^ière partie)

Les bases

Voici du texte dont la couleur, les attributs et la taille dépendent du style appliqué au conteneur générique <span>.

Voici le code HTML avec le style inline :

Voici du texte dont la <span style="font-weight: 800;color: red;background-color: blue;padding:.2em 1em;">couleur</span>, les <span style="font:italic 800 1.2em/normal Geneva, Arial, sans;">attributs</span> et la <span style="font-size: 2em;">taille</span> dépendent du <span style="margin:.2em .5em;padding:0.1em .5em;border:2px solid black;background-color: red;color:#FFF;">style</span> appliqué <span style="padding:0 .2em;border:medium double blue;white-space: nowrap;">au conteneur</span> générique <span style="font-weight: bold;border-bottom:2px dotted blue;"><span></span>

Un <span> non vide dans un lien

Code compatible avec MSIE 5+, Opera 7+, Mozilla , Netscape 7.2+, Konqueror 3.2.

La seule difficulté ici, c'est que MSIE a besoin, pour appliquer les modifications de style, d'une instuction pour a:hover.
Ici ce sera le plus souvent :

a:hover{background:transparent;}

Quelques effets

Les pages suivantes (en construction) traiteront de style appliqué à une balise span non vide.

Colonne à droite