Wickham's XHTML & CSS tutorial

Index of Contents

Accessibility: tabbed browsing

Alternate stylesheets

Background-images

Background display differences in Firefox / IE

Background of divs equal height

Background images full height

Border or shadow images

Browser-safe fonts: schedule

Centered widthless floated menu

Character codes: schedule

Character codes: tutorial

Clip image to size

Coding generally

Coding a simple page

Code displayed as text

Colors: tutorial

Color change on hover in div or table cell

Color change when scrolling

Conditional comments

Containing div boxes

Contextual selectors

csshover.htc behavior file

Definition lists

Directory structure

Directories: links between them

Doctypes: Schedule

Doctypes: tutorial

Double margin bug in IE6

Dummy scrollbar for Firefox and Safari

Email addresses on the web

Ems in web pages: general

Ems in web pages: examples

Emulating IE7 in IE8

Expand or collapse page content

Firefox / IE background differences

Firefox and Safari dummy scrollbar

Fixed headers and footers

Flash video examples

Floated div boxes, simple

Floated div boxes, advanced

Focus for links

Folder/directory structure

Font-size and font-family

Font-weight and font-style

Frames and iFrames for inserting other HTML pages

FTP, hosting, uploading

Full height div background

Gradiated background images

Highlight current page

Horizontal Rule

Hosting, uploading and FTP

HTML, head and body tags

iframes and frames for inserting other HTML pages

Images and image links

Image link border colors

Images with a scrollbar

!important declaration

Javascript; typical applications

Javascript validation

Large popup image

Links (hyperlinks)

Linking between directories

Link colors and decoration

Links: highlighted

Lists; unordered, ordered and mixed

Login with password

Maximum & minimum width

Noscript for JavaScript

Noscript substitution - different content

Object tag example

Opacity; fixed and on mouseover

Outline dotted around links

Overflow scroll, auto and hidden

Password protection

Photo imaging software

Photo album structure

PHP and Server Side Includes (SSI)

Position: absolute, relative and fixed; general

Position: fixed header and/or footer

Position: fixed; example 1

Position: fixed; example 2

Preformatted text: <pre> tag

Root-relative links

Rounded corners

Screen resolution and window size

Scrollbar colors and dummy scrollbar

Search box for your own site

Server Side Includes (SSI)

Shadow or border images

Shrink-wrapped rounded corners

Sliding Doors rounded corners

Sound and video

Sound play/stop script

Special effects

Standards and specifications

Styles and Stylesheets

Tabbed browsing

Time and date script

Tooltip on hover

Two and three column layouts

Uploading, hosting, and FTP

Useful websites

Validators: schedule

Validation (checking for errors)

Vertical text and image alignment

Video; flash examples

Visited state: different button

Width:expression for IE6

Window opened fixed size

© Wickham 2008

top | Home | next