mag
<!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">
<head>
<title>mag</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type='text/css'>
body {
line-height: 100%;
margin-top: 0px;
text-align: center;font-size: 1.0em; color:#DEDA9B;
background-color:#3D433F;
color: #;
}
#container {
width: 740px;
border: 4px double #8F865B;
margin: 70px auto 0 auto;
padding: 6px;
background-color: #2D3633;
background-image: url(mag-picks/0.jpg);
background-repeat: repeat-x;
}
#left {
float: left;
height: 428px;
width: 198px;
margin: 72px 5px 0px 1px;
padding: 3px 2px 0px 2px;
background-color: #3D433F;
border: 2px outset #6F6740;
}
#center {
float: left;
width: 206px;
height: 420px;
margin: 72px 0 0 4px;
padding: 5px;
background-color: #090B06;
background-image: url(mag-picks/1.jpg);
background-repeat:no-repeat;
border: 3px outset #6F6740;
}
#right {
padding: 1px;
margin: 77px 5px 0 445px;
background-image: url(mag-picks/2.jpg);
background-repeat:no-repeat;
background-color: #3D433F;
height: 429px;
border: 2px outset #6F6740;
}
#menu {
width: 95%;
margin-top: 6.8em;
float: left;
margin-left: .3em;
margin-bottom: 1.0em;
}
#menu a{
text-decoration: underline;
color: #BEA5A1;
}
#menu a:hover {
color: #fff;
text-decoration: underline;
}
img.left{
float:left;
padding:0px;
margin-right:3px;
border:1px solid #B5B5B5;
}
#tb {float: left;
line-height: 1.0em;
padding: 4px;
border: 0px solid #fff;
text-align: center;font-size: 1.1em; color:#000;
font-family:"engravers mt bold", verdana, arial, sans-serif, times;
background-color: #;
}
#tb2 {float: right;
line-height: 1.0em;
margin-top: 2.5em;
margin-left: 2.0em;
padding: 0px;
border: 0px solid #fff;
text-align: center; font-size: 1.9em; color:#000;
font-family:"times new roman bold italic", verdana, arial, sans-serif, times;
background-color: #;
}
pre {
text-align: center;
font-size: 1.3em; color:#EFEFEF;
font-family:"times new roman bold", verdana, arial, sans-serif, times;
line-height: 1.0em;
}
h3 {text-align: center;font-size: 1.3em; color:#D1EEC0; margin-top: 5px; padding: 1px; border: 0px outset #fff;
font-family:"times", verdana, arial, sans-serif, times;}
h4 {text-align: center;font-size: 1.4em; color:#D1EEC0; margin-top: 1px; padding: 1px; border: 0px outset #fff;
font-family:"firenze sf", verdana, arial, sans-serif, times;
}
h5 {text-align: center;font-size: 0.6em; color:#82A771; margin-top: 1px; padding: 1px; border: 0px outset #fff;
font-family:"engravers mt bold", verdana, arial, sans-serif;
}
a{
text-decoration: none;
background-color: #;
color: #fff;
}
a:hover {
color: #000;
text-decoration: none;
background-color: #;
}
ul { color: #fff;
margin-left:17px;
}
p {
border-bottom: 1px solid #8F865B;
border-left: 0px solid #8F865B;
padding: 0px 0px 5px 5px;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
text-align: left;
word-spacing: 2px;
font-size: 16px;
color: #fff;
}
#footer {
clear: both;
padding: 3px;
margin: 9px 3px 6px 3px;
background-color: #3D433F;
text-align: center;
color: #000;
border: 2px outset #6F6740;
font-size: 15px;
}
</style>
</head>
<body>
<div id="container">
<div id="left">
<h3>NEWS</h3>
<p><big>N</big>ature consists of the world that exists all around us, from the rainforests of South America, to the Jungles of Africa. <a href="http://www.free-css.com/">more....</a></p>
<h4>Photos</h4>
<img src="mag-picks/3.jpg" border="0" alt="" /> <br />
<p>search
<input class="box" type="text" name="T1" size="15" />
</p>
<h4>contest Winners</h4>
<p> 1 rst.Onsectetuer adipiscing. <br />
2 nd. Ornare, massa.<br />
3 rd. Met egesta. </p>
</div>
<div id="center">
<div id="tb"> N<br />
a<br />
t<br />
u<br />
r<br />
e </div>
<div id="tb2">
<pre>
S
h
o
t
s
</pre>
</div>
</div>
<div id="right">
<div id="menu"> <a href="http://www.free-css.com/">Home</a> <a href="http://www.free-css.com/">Archives</a> <a href="http://www.free-css.com/">schedule</a> <a href="http://www.free-css.com/">events</a> </div>
<h5>More Stuff</h5>
<p><big>S</big>orem ipsum dolor sit amet, consectetuer adipiscing elit.
Integer ornare,egestas posuere. <a href="http://www.free-css.com/">more....</a></p>
<h5>Coded in Notepad</h5>
<p> Notepad is compatible with every single standard of Internet presentation medium yet devised. And all future developments in HTML and any other Web based presentation medium. </p>
</div>
<div id="footer"><a href="http://www.free-css.com/">Home</a> | <a href="http://www.free-css.com/">Contact Us</a> | <a href="http://www.free-css.com/">Help/FAQs</a> | <a href="http://www.free-css.com/">Careers</a> | <a href="http://www.free-css.com/">Privacy Statement</a> | <a href="http://www.free-css.com/">Legal Disclosure</a> | <a href="http://www.free-css.com/">Site Map</a></div>
</div>
<br />
By Coollew
</body>
</html>
Related examples in the same category