CSS / 3 columns / header / footer

Home Menus Page Hacks CSS/PHP CSS PopUps Span Debugging CSS En français Contact

Applying a style to the tag <span>.

A non empty <span> in a link (1^st part)

The basics

Here is a text with colour, attributes and size that depend on the style applied to the generic container <span>.

The HTML code with inline style:

Here is a text with <span style="font-weight: 800;color: red;background-color: blue;padding:.2em 1em;">colour</span>, <span style="font:italic 800 1.2em/normal Geneva, Arial, sans;">attributes</span> and <span style="font-size: 2em;">size</span> that depend on the <span style="margin:.2em .5em;padding:0.1em .5em;border:2px solid black;background-color: red;color:#FFF;">style</span> applied to the <span style="padding:0 .2em;border:medium double blue;white-space: nowrap;">generic</span> container <span style="font-weight: bold;border-bottom:2px dotted blue;"><span></span>

A non empty <span> in a link

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

The only trouble here is that MSIE needs an instuction for a:hover to apply the style when hovering.
Here it will mostly be:

a:hover{background:transparent;}

A few effets

The next pages (still under construction) will deal with applying a style to a non empty span.

Right Column