Hello All,
Why can't I get the menu bar aligned horizontal? Please I need help.
<html>
<head><title>JOOP</title>
<link href="sytle.css" rel="stylesheet" type="text/css" />
<body>
<div id="base">
<div id = "header">HEADER</div>
<div id = "menu">
<div id="home-menu"><a href="#">Home</a></div>
<div id="back-menu"><a href="#">Back</a></div>
<div id="form-menu">
<form action="/world" method="post">
<div id="form-text">
<input type="text" name="search" value="" />
</div>
<div id="submit-search">
<input type="submit" value="submit" /></div>
</form></div>
</div>
<div id = "left">LEFT</div>
<div id = "center">CENTER</div>
<div id = "right">RIGHT</div>
<div id = "footer">FOOTER</div>
</div>
</body>
</html>
body, div,h1,h2,h3{margin:0px; padding: 0px;list-style: none; width:1025px;}
#base {
background-color: AC23DE;
}
#header {
height: 97px;
width: 1025px;
background-color: gray;
}
#menu {
height: 29px;
width: 1025px;
}
#left {
float: left;
width: 140px;
background-color: black;
}
#center {
float: left;
width: 680px;
background-color: yellow;
}
#right {
float: left;
width: 205px;
background-color: red;
}
#footer{
height: 29px;
width: 1025px;
background-color: gray;
}
#home-menu, #back-menu, #form-menu {
float: left;
margin-left: 5px;
}
input {
margin-left: 3px;
margin-right: 1px;
}
#form-text , #submit-search{
float: left;
}
Regards,
Emeka
*Satajanus Nig. Ltd
*
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
