CSS - examples
Navigation
Text links
Image links
Multi-state links employing a single background image and an unordered list
An navigation bar that uses a single background image to create individual states for each link
Drop down / fly out menus
Using JavaScript & CSS tocreate a simple drop down menu
Note: Due to a bug the following don't work in IE5/6/7 ...
Using the display attribute to create a dropdown/flyout menu
Using the visibility attribute to create a dropdown/flyout menu
Styling text
Styling tables
Rounded corners
Creating flexible boxes with rounded corners
Drop shadows
Creating a drop shadow effect for a "box" element
Images stuff
Controlling image visibility with CSS
JavaScript / CSS Rollover thumbnail image gallery
Interface examples
Layout & positioning
Layers
Centering a site in a browser window
Fixed position sidebar with centered content
Ensuring a container (parent) box expands as floating content is added to it.
Footers
Positioning a footer that moves downwards as content is added to the page
Float & Clear
Creating columns
3 fixed columns centered in a browser window
Ensuring a container (parent) box expands as floating content is added to it.
Boxouts
Flexible layout
A layout that is centered in a browser and that expands when content is added to any div tag
Layer visibility
Controlling layer visibility with CSS
Controlling image visibility with CSS
Controlling layer visibility with JavaScript
Using JavaScript & CSS tocreate a simple drop down menu
Toggle layer visibility with JavaScript
Note: Due to a bug the following don't work in IE5/6/7 ...
Using the display attribute to create a dropdown/flyout menu
Using the visibility attribute to create a dropdown/flyout menu
Related downloads
None at present
Free music MP3s
