What's wrong with this code?

Meti · 21-07-2008, 04:15 PM

Hey,
I'm currently coding a layout for one of my customers. It's like 99% done, but I'm having a problem. The navigation isn't in centered, which it should be.
Here's the code. Please help me

HTML Code:

<!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-Language" content="sv">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index1</title>
<style type="text/css">
<!--
body {
background-image: url(images/bg.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
margin: auto;
}
#container {
width: 956px;
margin: auto;
}
#banner {
background-image:url(images/banner3.png);
width: 593px;
height: 126px;
padding-left: 0px;
padding-top: 14px;
}
#navigation {
background-image: url(images/header2.png);
width: 851px;
height: 61px;
}
#leftcont {
width: 209px;
float: left;
}
#blue_box {
background-image: url(images/add_1.png);
width: 209px;
height: 20px;
padding-top: 10px;
}
#footer {
background-image: url(images/footer_bot.png);
width: 209px;
height: 20px;
-->
</style></head>
<body>
<!-- Layout designed and coded by MetiDesigns.com -->
<!-- Start banner and navigation -->
<div id="container">
<div id="banner" style="width: 968px; height: 126px" align="left"><br>
 <a href="http://vivhosting.net">
 <img border="0" src="images/logo.png" width="431" height="91"></a></div>
<div id="navigation" style="width: 853px; height: 57px" align="center">
 <br>
 <font face="Arial"><br>
 </font><font color="#FFFFFF" face="Verdana" size="3"><b>LINK | LINK | LINK | 
 LINK | LINK | LINK | LINK | LINK | LINK | LINK </b></font></div>
<!-- End banner and navigation -->
<!-- Start left column -->
<div id="leftcont">
<div id="blue_box" style="width: 209px; height: 157px"><center><br>
 <font color="#FFFFFF"><b>Hosting Package Description</b><br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT</font></center></div>
<div id="blue_box" style="width: 209px; height: 162px"><center>
 <font color="#FFFFFF"><b><br>
 Hosting Package Description</b><br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT<br>
 TEXT</font></center></div>
<div id="footer" style="width: 998px; height: 34px"><center>
 <font color="#FFFFFF"><br>
 <b>Copyright © CustomersSite.net 2008+&nbsp;&nbsp; |All your links here |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 Layout designed and coded by MetiDesigns.com</b></font><br></center></div>
</div>
</body>
</html>

redtom · 23-07-2008, 12:44 PM

The text is centred to the width you have set for your div (navigation), but as you've set the widths twice for some reason it's using the width you set last what’s 853px. You'll need to sort out the sizes of your divs. Remember that you only have to set the widths and everything once for a div in the style area of the header or on the style sheet, there’s no need (well for what you doing) to set them in the div tag it's self

Thread: What's wrong with this code?

Thread Tools

What's wrong with this code?

Posting Permissions