Hi list!
I need help with my page. I´m trying to make a two colums page, with
header and footer. I had look for tutorials on the internet and found
some codes, but they don work like I want to.
I will apreciate any help. Thanks.
**************************
The code
**************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>SAHARA COLD DAYS - A SH FAN SITE</title>
<meta name="keywords" lang="en" content="sahara hotnights, sahara hot nights,
sahara hotnights fanclub, sahara hotnights pictures, sahara hotnights photos,
sahara hotnights quotes, johanna asplund quotes, jennie asplund quotes,
maria elisabeth andersson quotes,josephine Forsman quotes">
<meta name="keywords" lang="pt_br" content="sahara hotnights, sahara hot nights,
sahara hotnights fanclub, sahara hotnights pictures, sahara hotnights photos,
sahara hotnights fotos, sahara hotnights quotes, johanna asplund quotes,
jennie asplund quotes, maria elisabeth andersson quotes,josephine
Forsman quotes">
<style type="text/css">
/*geral */
body {
background-color: #fcfddd;
margin: 0px;
padding: 0px;
}
/* menu do topo */
div.menu_topo{
width: 800px;
height: 100px;
margin-bottom: 12px;
background-color: #fcfddd;
}
#lista {
width: 400px;
height: 30px;
float: right;
margin-top: 69px;
/*display: inline;*/
}
#lista ul {
list-style: none;
margin:0;
padding-left:0;
/*display: inline;*/
}
#lista li {
float: left;
margin-left:0; /*padding: 2px 15px 5px;*/
padding-left:0;
}
#lista ul li {
margin-left: 0;
margin-bottom: 0;
padding: 2px 17px 7px;
border: 1px solid #000;
list-style: none;
display: inline;
}
#lista a {
color: #000000;
text-decoration: none;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
}
#lista li.exemplo {
color: #000;
text-decoration: underline;
border-bottom: #fcfddd;
}
#lista a:visited {
color: #666;
text-decoration: none;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #000;
}
/* fim menu do topo */
/* menu lateral*/
.menu {
width: 110px; /*120px*/
height: 280px; /*270px*/
background-color: #cccc9a;
color: #fff;
padding-top: 145px;
margin-left: 5px;
}
div.links {
width: 90px;
height: 370px;
background-color: gray;
margin-left: 10px;
margin-top: -137px;
text-align: left;
}
#list_menu {
display: block;
text-align: left;
padding: 0;
}
#list_menu ul {
list-style: none;
display: block;
width: 70px;
position: center;
}
#list_menu li {
width: 70px;
font-size: 12px;
display: block;
}
#list_menu ul li {
padding: 2px 17px 7px;
margin-left: 0;
margin-bottom: 0;
}
/*principal*/
/*#principal div {
width: 400px;
height: 200px;
background-color: #ffffff;
padding-top: 145px;
} */
#principal {
position:absolute;
left:50%;
width:500px;
margin-top:50px;
margin-left:-266px;
padding:15px;
border:1px dashed #333;
background-color:#eee;
}
</style>
</head>
<body>
<!-- menu de cima -->
<div class="menu_topo">
<div id="lista">
<ul>
<li class="exemplo"><a href="#">Home</a></li>
<li><a href="http://www.exemple.com";>Forum</a></li>
<li>Lists</li>
<li>Contact</li>
<li>Register</li>
</ul>
</div>
</div>
<!-- fim menu de cima -->
<!-- menu lateral -->
<div class="menu">
<div class="links">
<!-- links -->
<ul id="list_menu">
<li><a href="#">About Us</a></li>
<li><a href="#">About SH</a></li>
<li><a href="#">SH on Press</a></li>
<li><a href="#">SH on Telly</a></li>
<li><a href="#">Discografia</a></li>
<li><a href="#">Videografia</a></li>
<li><a href="#">Interviews</a></li>
<li><a href="#">Tour Dates</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Journals</a></li>
<li><a href="#">Quotes</a></li>
<li><a href="#">The Fan Speaks</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
</div>
<div id="principal">
<p>testando</p>
</div>
</body>
</html>
********************************************************
--
http://www.arcbr.org - blog sobre rpg, hq´s, ccg´s, livros, filmes...
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
