Hi,
I'm currently coding a Habbo Layout for one of MetiDesigns.com's customers.
But I've got one problem which I haven't got before.
I've added the banner, navigations and the content box. And the banner is on it's place, where I want it to be.
But the Navigations and content box aren't right.
It's like this:
BANNER
CONTENT BOX
NAVIGATIONS
I want the content box to be in the middle.
Here's the CSS code:
HTML Code:
Here's the BODY:<!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>HabSafety V1 :: </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
text-align: center;
background-color: #ffffff;
width: 800px;
margin: auto;
}
#content {
width: 390px;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #000000;
margin: 0 auto;
}
#ctop {
background: url(images/content_top.gif);
height: 11px;
}
#cmid {
background: url(images/content_mid.gif);
}
#cbot {
background: url(images/content_bot.gif);
height: 10px;
}
#nav1 {
width: 390px;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #000000;
floateft;
}
#top {
background: url(images/top3.gif);
height: 11px;
}
#mid {
background: url(images/top3_mid.gif);
}
#bot {
background: url(images/top2_bot.gif);
height: 10px;
}
#nav2 {
width: 390px;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #000000;
float
}
#top1 {
background: url(images/top3.gif);
height: 11px;
}
#mid1 {
background: url(images/top3_mid.gif);
}
#bot1 {
background: url(images/top2_bot.gif);
height: 10px;
}
#nav3 {
width: 390px;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #000000;
float
}
#top2 {
background: url(images/top3.gif);
height: 11px;
}
#mid2 {
background: url(images/top3_mid.gif);
}
#bot2 {
background: url(images/top2_bot.gif);
height: 10px;
}
-->
</style>
</head>
HTML Code:
<body>Can you see any errors?<!-- Content Box --!>
<div id="content" style="width: 584px; height: 53px">
<div id="ctop" style="width: 584px; height: 26px"><br>
<b>Add the content title here</b></div>
<div id="cmid">And here you can add how much things you want</div>
<div id="cbot" style="width: 588px; height: 13px"></div>
<!-- End of Content Box --!>
<!--- First Navigation ---!>
<div id="nav1" style="width: 212px; height: 47px">
<div id="top" style="width: 211px; height: 22px"> </div>
<div id="mid">This box is expandable</div>
<div id="bot" style="width: 212px; height: 12px"></div>
<!--- End of First Navigation ---!>
<!--- Second Navigation ---!>
<div id="nav2" style="width: 212px; height: 47px">
<div id="top1" style="width: 211px; height: 22px"> </div>
<div id="mid1">This box is expandable</div>
<div id="bot1" style="width: 212px; height: 12px"></div>
<!--- End of Second Navigation ---!>
<!--- Third Navigation ---!>
<div id="nav3" style="width: 212px; height: 47px">
<div id="top2" style="width: 211px; height: 22px"> </div>
<div id="mid2">This box is expandable</div>
<div id="bot2" style="width: 212px; height: 12px"></div>
<!--- End of Third Navigation ---!>
</div>
</body>
</html>
If yes, please tell me.
Everyone who helps will recieve a +REP!
Thanks,
Meti
Results 1 to 1 of 1
-
I need help with this layout coding.
Last edited by Meti; 04-06-2008 at 02:23 PM.
Reply With Quote
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts