CSS / 3 columns / header / footer

no javascript, no table, no image


CSS for the layout

This page allows you to display CSS only horizontal and vertical menus.
They often use a styled <span>.

The HTML code uses a definition list <dl>:

The HTML code of the other menus uses either a list (<ul> or <dl>) which is semantically correct markup or the tags <p> or <div> or only hypertext links, a technique sometimes useful to be compatible with Netscape 4.

Click on a menu to display its CSS code then use the view source facility of your browser for the HTML code.

Right Column

CSS generator:
css creator

The menu uses both a width and padding/border on the same element.
It triggers a difference between the different versions of MSIE and we need hacks.

visits: 399991
at 23:49:13 utc+2 on Sun Jul 22, 2018

Menus: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15