Webpage

ok
this is the preview
[Image: help1bk0.png]

code,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sitename.com by Free Css Templates</title>
<meta content="Evrsoft First Page" name="GENERATOR" />
<style type="text/css">
/*<![CDATA[*/
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: url(images/img1.gif) #000000 repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #999999; PADDING-TOP: 0px; FONT-STYLE: normal; FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif; FONT-VARIANT: normal
}
A {
COLOR: #cccccc
}
A:hover {
COLOR: #ffffff; TEXT-DECORATION: none
}
#header {
MARGIN: 0px auto; WIDTH: 778px; HEIGHT: 203px
}
#logo {
FLOAT: left
}
#logo * {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-TRANSFORM: lowercase; COLOR: #ffffff; PADDING-TOP: 0px
}
#logo H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 3.5em; PADDING-BOTTOM: 0px; PADDING-TOP: 100px; LETTER-SPACING: -3px
}
#logo H2 {
FONT-SIZE: 1em; LETTER-SPACING: 1px
}
#menu {
FLOAT: right
}
#menu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 154px; LIST-STYLE-TYPE: none
}
#menu LI {
DISPLAY: inline
}
#menu A {
PADDING-RIGHT: 20px; DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 1em; FLOAT: left; PADDING-BOTTOM: 5px; TEXT-TRANSFORM: lowercase; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#menu A:hover {
BORDER-RIGHT: #7a6d6d 1px solid; PADDING-RIGHT: 19px; BORDER-TOP: #1e1010 1px solid; PADDING-LEFT: 19px; BACKGROUND: url(images/img2.gif) #2f1a1a repeat-x left bottom; PADDING-BOTTOM: 5px; BORDER-LEFT: #1e1010 1px solid; COLOR: #ffffff; PADDING-TOP: 5px; BORDER-BOTTOM: #7a6d6d 1px solid
}
#menu .active A {
BORDER-RIGHT: #7a6d6d 1px solid; PADDING-RIGHT: 19px; BORDER-TOP: #1e1010 1px solid; PADDING-LEFT: 19px; BACKGROUND: url(images/img2.gif) #2f1a1a repeat-x left bottom; PADDING-BOTTOM: 5px; BORDER-LEFT: #1e1010 1px solid; COLOR: #ffffff; PADDING-TOP: 5px; BORDER-BOTTOM: #7a6d6d 1px solid
}
#content {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 778px; PADDING-TOP: 20px
}
#colOne {
FLOAT: left; WIDTH: 500px
}
#colOne H2 {
MARGIN-TOP: 0px; FONT-SIZE: 2.2em; COLOR: #cccccc
}
#colOne P {
LINE-HEIGHT: 160%
}
#colOne UL {
LINE-HEIGHT: 160%
}
#colOne OL {
LINE-HEIGHT: 160%
}
#colOne .credits {
PADDING-RIGHT: 0px; PADDING-LEFT: 8px; BACKGROUND: #210100; MARGIN-BOTTOM: 50px; PADDING-BOTTOM: 8px; BORDER-LEFT: #8a0600 2px solid; PADDING-TOP: 5px
}
#colOne .credits P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px
}
#colTwo {
FLOAT: right; WIDTH: 248px
}
#colTwo UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#colTwo LI {
MARGIN-BOTTOM: 20px
}
#colTwo LI LI {
MARGIN-BOTTOM: auto
}
#colTwo LI UL {
PADDING-LEFT: 20px; LIST-STYLE-POSITION: inside; LIST-STYLE-TYPE: square
}
#colTwo H2 {
PADDING-LEFT: 20px; FONT-SIZE: 1em; BACKGROUND: url(images/img3.gif) no-repeat 5px 6px; PADDING-BOTTOM: 5px; COLOR: #ffffff; BORDER-BOTTOM: #2c2c2c 1px solid
}
#textfield1 {
BORDER-RIGHT: #c6c6c6 1px solid; BORDER-TOP: #9c9c9c 1px solid; BACKGROUND: url(images/img4.gif) #9e9e9e repeat-x; MARGIN-LEFT: 20px; BORDER-LEFT: #9c9c9c 1px solid; WIDTH: 150px; BORDER-BOTTOM: #c6c6c6 1px solid
}
#submit1 {
BORDER-RIGHT: #1b0f0f 1px solid; BORDER-TOP: #625252 1px solid; BACKGROUND: url(images/img5.gif) #9e9e9e repeat-x; BORDER-LEFT: #625252 1px solid; COLOR: #cccccc; BORDER-BOTTOM: #1b0f0f 1px solid
}
#footer {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/img6.gif) repeat-x; PADDING-BOTTOM: 20px; MARGIN: 0px auto; WIDTH: 778px; PADDING-TOP: 20px; HEIGHT: 60px
}
#footer P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: smaller; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
/*]]>*/
</style>
<meta http-equiv="content-type" content="text/html; charset=us-ascii" />
<meta content="" name="keywords" />
<meta content="" name="description" />
<link href="default.css" type="text/css" rel="stylesheet" />
</head>

<body>
<div id="header">
<div id="logo">
<h1> SITE</h1>

<h2>New for you</h2>
</div>

<div id="menu">
<ul>
<li class="active"><a href="#">My forum</a></li>

<li><a href="#">My Photos</a></li>

<li><a href="#">News</a></li>

<li><a href="#">Proxy sites</a></li>

<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>

<div id="content">
<div id="colOne">
<h2>Welcome to my site!</h2>

<p><em><strong>This</strong></em>is a new site by me <strong>2007.</strong> This site is new and not 100% finished any bugs you find please report them!</p>

<h3>News</h3>

<p>Forum now open!.... My forum is now open and i need an other admin, to apply contact me!</p>

<ol>
<li><a href="#">Link to forum</a><a href="www.110mb.com"></a></li>
</ol>

<h4>Archives</h4>

<p>Archives opening soon! There will be downloads, and files in this section! This will open in about 1 week!</p>

<div class="credits">
<p class="file"><small>Hey, this site is great!!!</small></p>

<p class="posted">Posted by <a href="#">nick</a></p>
</div>
</div>

<div id="colTwo">
<ul>
<li>
<form action="#" method="get">
<div>
<input id="textfield1" size="18" name="textfield1" /><input id="submit1" type="submit" value="Search" name="submit1" />
</div>
</form>
</li>

<li>
<h2>Archives- NeW</h2>

<ul>
<li><a href="#"></a></li>

<li><a href="#"></a></li>

<li><a href="#"></a></li>

<li><a href="#"></a></li>

<li><a href="#"></a></li>

<li><a href="#"></a></li>

<li><a href="#"></a></li>

<li><a href="#"></a></li>

<li><a href="#"></a></li>

<li><a href="#"></a></li>

<li><a href="#"></a></li>
</ul>
</li>
</ul>
</div>
</div>

<div id="footer">
<p>Copyright © by me 2007</p>
</div>
</body>
</html>

Shoutbox

login | register | shoutbox