karpedon
Освоившийся
Дата регистрации:
10.10.2011 13:19:35
Сообщений: 25
вот код странички...
<!DOCTYPE HTML Public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>По шаблону</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="files/style.css">
</head>
<body>
<div id="wrap">
<div id="header">
<div id="hed1"></div>
</div>
<div id="menu">
<ul>
<li><a href="">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Services</a></li>
<li><a href="">Photogalery</a></li>
<li><a href="">Links</a></li>
<li><a href="">Contact Us</a></li>
</ul>
</div>
<div id="menu_l">
<ul>
<li><a href="">News</a></li>
<li><a href="">Sales Offices</a></li>
<li><a href="">Product Information</a></li>
<li><a href="">F.A.Q.</a></li>
</ul>
</div>
<div id="content">
<h2>WELCOME TO PHOTOGRAPHY WEBSITE!</h2>
<p></p>
<p></p>
</div>
<div id="menu_r">
<p></p>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
а вот .css...
body{
margin: 0;
padding: 0;
}
#wrap{
width: 100%;
}
#header{
width: 100%;
height: 185px;
background: url("img/hm.jpg"
;
}
#hed1{
background: url("img/h.jpg"
;
width: 749px;
height: 185px;
}
#menu{
height: 40px;
background: url("img/m_bg.gif"
;
margin: -16px 0 0 0;
padding: 0 0 0 100px;
}
#menu li{
display: inline;
padding:4px 5px 0 10px;
margin: 0 8px 0 0;
background: url("img/menu_marker.gif"
no-repeat;
background-position: left;
}
#menu_l{
width: 140px;
float: left;
background-color: #ACACAC;
}
#content{
width: 80%;
background: url("img/c_top.gif"
repeat-x;
margin: 0 140px;
}
#menu_r{
width: 140px;
float:right;
background-color: #ACACAC;
}
A:link, A:visited, A:active {COLOR: #000;
TEXT-DECORATION:
none;font:bold 12px Arial, Helvetica, sans-serif;}
A:hover {COLOR: #000;
TEXT-DECORATION: underline;
font:bold 12px Arial, Helvetica, sans-serif;}
