menu insert

saltedm8 · #1 (**permalink**) Sep 10th, 2007, 11:57

i am having problems with a new site i am building, i am trying to add a a gap for my horizontal menu, but the main content box keeps moving down and one of the boxes on the right moves left, can you help, thanks

Code: Select all

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#header {
 width:800px;
 float: right;
 margin-right:5em;
}
#container {
 width:800px;
 float: right;
 margin-right:5em;
}
#rcontainer {
 width:230px;
 float: right;
 margin-right:1em;
 margin-top:1em;
}
#main {
 width:500px;
 float: left;
 margin-left:1em;
 margin-top:1em;
 margin-bottom:1em;
 background-color:#ffffef;
 padding:3px 3px 0px 10px;
 
}
#plug1 {
 width:230px;
 float: right;
 margin-right:1em;
 margin-top:1em;
 margin-bottom:1em;
 
}
#menu {
 width:230px;
 float: right;
 margin-right:1em;
}
#footer {
    width:800px;
 float: right;
 margin-right:5em;
 
}
-->
</style>
</head>
<body>
<div id="header"></div>
<div id="container">
  <div id="rcontainer">
<div id="menu"></div>
<div id="plug1"></div>
</div>
<div id="main"></div>
<div id="footer"></div>
</div>
</body>
</html>

p.s, i have taken out the images and fonts etc to make it easyier on me ( please see attached image )

saltedm8 · #2 (**permalink**) Sep 10th, 2007, 17:32

dont worry, i have done it

Code: Select all

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#header {
 width:800px;
 float: right;
 margin-right:5em;
 border:double;
 border-color:#999999;
}
#container {
 width:800px;
 float: right;
 margin-right:5em;
 border:double;
 border-color:#999999;
 background-image:url(images/Circleswallpaper_1680.jpg);
}
#rcontainer {
 width:239px;
 float: right;
 margin-right:1em;
 margin-top:1em;
}
#main {
 width:500px;
 float: left;
 margin-left:1em;
 margin-top:1em;
 margin-bottom:1em;
 background-color:#ffffef;
 padding:3px 3px 0px 10px;
 border:double;
 border-color:#999999;
 
}
#plug1 {
 width:230px;
 float: right;
 margin-right:1em;
 margin-bottom:1em;
 background-color:#FFFFFF;
 border:double;
 border-color:#999999;
 
}
#plug2 {
 width:230px;
 float: right;
 margin-right:1em;
 background-color:#FFFFFF;
 border:double;
 border-color:#999999;
}
#footer {
    width:790px;
 float: right;
 margin-right:5em;
 border:double;
 border-color:#999999;
 background-color:#B9D1B1;
 
}
#menu {
 width:800px;
 float: right;
 margin-right:5em;
 margin-top:0em;
 border:thin;
 border-color:#999999;
}
#navlist
{
margin: 0;
padding: 2px 0 20px 10px;
}
#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}
#navlist a:hover { color: #000; }
body {
 background-image: url(images/Lime_1600.jpg);
}

-->
</style>
</head>
<body>
<div id="header"><img src="images/free-header-image-tree.jpg" width="800" height="200" /></div>
<div id="menu"><div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div></div>
<div id="container">
  <div id="rcontainer">
<div id="plug1"></div>
<div id="plug2"></div>
</div>
<div id="main"></div>
<div id="footer"></div>
</div>
</body>
</html>

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
SQL Insert help	air duster	Classic ASP	13	Jan 12th, 2006 08:38
Insert into db problem	benbigun	PHP Forum	7	Nov 15th, 2005 01:51
insert record	accessman	Databases	1	Oct 15th, 2005 01:12
how do i insert a preloader ?	tigas langaw	Flash & Multimedia Forum	15	Jun 13th, 2005 14:03
Insert Record	redkyna	Classic ASP	11	Aug 25th, 2004 22:46

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
menu insert