1
Grey Dash (Html Template) on Sun 30 Aug 2009 - 6:22
This is just a basic (ugly) Html and Css template. By the way, this uses no tables and it looks like crap in Firefox.
Let's start off with the Html.
Now insert the Cascading Style Sheet code in between the
Css:
I didn't explain it that much because it's suckish and I'm to lazy too :D I just made it up in about 3 mins to practice... and yes... it's coded sloppy :D :D :D :D
Let's start off with the Html.
- Code:
<html>
<head>
<title>Webpage Title</title>
<style type="text/css">
</style>
</head>
<body link="#99A2D3" vlink="#99A2D3" hlink="#BOBAFO" alink="#8D97D2">
<center>
<div id="header">
<h1>Your logo or site name</h1>
</div><br>
<div id="navigation">
<a href="index.html">Link</a> - <a href="index.html">Link</a> - <a href="index.html">Link</a> - <a href="index.html">Link</a> - <a href="index.html">Link</a>
</div><br>
<div id="content">
<h2>Homepage</h2>
<p>Welcome to your website.</p>
</div><br>
<div id="footer">
© Your website 2009.
</div>
</center>
</body>
</html>
Now insert the Cascading Style Sheet code in between the
- Code:
<style type="text/css">
</style>
Css:
- Code:
#header {
background-color: CCC;
padding: 1em;
border: 1;
border-style: solid;
}
#navigation {
background-color: CCC;
padding: 1em;
border: 1;
border-style: dashed;
}
#content {
background-color: CCC;
padding: 1em;
border: 1;
border-style: dashed;
}
#footer {
background-color: CCC;
padding: 1em;
border: 1;
border-style: solid;
}
body {
background-color: D8D8D8;
font-family: "Trebuchet MS";
}
h1 {
font-size: 3em;
}
h2 {
font-size: 2em;
}
p {
font-size: 15px;
}
I didn't explain it that much because it's suckish and I'm to lazy too :D I just made it up in about 3 mins to practice... and yes... it's coded sloppy :D :D :D :D

