Posted on : 20-09-2008 | By :
Stefan | In :
CSS
As with the HTML, I have created a CSS template which may be of use. The idea is to clear everything back to default across all browsers by removing padding, margins and setting the fonts up properly.
* { margin:0; padding:0; }
body { font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 100%; }
.access { display: none; }
.clear { clear: both; }
a { color: #000; }
/** Structure **/
#container { width: 790px; margin: 0 auto; }
Posted on : 20-09-2008 | By :
Stefan | In :
HTML
After becoming a freelance web designer I found that I was repeating tasks over and over. Here is the semantically correct, HTML Strict Valid template which I use each time I start web development on a new site. Feel free to use it as you wish…
Got comments on my structures, things to add or remove?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="Author" content="Freelance graphic design in Bracknell Berkshire UK - www.faithinme.com">
<link rel="stylesheet" type="text/css" media="screen" href="/css/screen.css">
<!--[if lt IE 7]>
<style type="text/css">@import url("/css/screen_ie.css");</style>
<style type="text/css">@import url("/css/screen_ieold.css");</style>
<![endif]-->
<!--[if gte IE 7]>
<style type="text/css">@import url("/css/screen_ie.css");</style>
<![endif]-->
<link rel="shortcut icon" href="/favicon.ico">
</head>
<body>
<ul class="access">
<li><a href="#nav">Skip to Navigation</a></li>
<li><a href="#content">Skip to Content</a></li>
</ul>
<div id="container">
<div id="header">
<h1><a href="/">Title</a></h1>
<span id="tagline">TagLine</span>
</div><!--// End Header -->
</div><!--// End Container -->
</body>
</html>
0