xhtml_-_transitional [Lucien144's wiki]

Todo

Add ul#menu to index.html
Add h1 a {background} to colors.css
Add a, a:hover {text-decoration} to typo.css
Add #body {position:relative} to layout

Basic file structure

index.html
[styles]
- default.css
- layout.css
- colors.css
- typo.css
[images]

Download (2009/08/12)

File structure

index.html
[media]
- [styles]
  - default.css
  - layout.css
  - colors.css
  - typo.css
- [images]
- [js]
- [flash]

index.html skeleton

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title></title>
	<meta http-equiv='content-type' content='text/html; charset=utf-8' />
	<meta http-equiv='content-language' content='en' />
	<meta name='description' content='' />
	<meta name='keywords' content='' />
	<meta name='language' content='en' />
	<meta name='copyright' content='' />
 
	<link rel='shortcut icon' href='./images/favicon.ico' />
	<link rel='shortcut icon' href='./images/favicon-animated.gif' type='image/gif' />
 
	<link rel="stylesheet" type="text/css" href="./styles/default.css" />
	<link rel="stylesheet" type="text/css" href="./styles/print.css" media="print" />
 
	<!--[if lte IE 6]>
		<link rel="stylesheet" type="text/css" href="./styles/ie6.css" />
	<![endif]-->
 
	<!--[if lte IE 7]>
		<link rel="stylesheet" type="text/css" href="./styles/ie6+7.css" />
	<![endif]-->
 
</head>
<body>
	<div id="body">
		<h1><a href="#"><span></span></a></h1>
 
	</div>
</body>
</html>