Unwanted Spaces
I realy dont know how they got their but they are messing up the whole layout, i had been playing with the CSS and the HTML when this happend and i dont know which one messed it up. First of all i will post the website so you can see the problem then the HTML then the CSS if anyone has some time to have a look and spot the problem i will be extreemly greatfull.
Both sets of code arnt massive, please dont be put of.
http://www.imperialfists.com/linkland/upload/index.php
The gaps are between the images on the nav bar...
[code:2n2ngnyk]
<div id="topcont">
<img id="logo" src="/linkland/Logo.jpg" alt="Link Land" align="center'/>
<div id="menu"
<img src="/linkland/LeftNav.jpg"/></a>
<a href="<?=$url;?>"><img src="/linkland/Home(there).jpg" alt="Home"/></a>
<a href="purchase.php"><img src="/linkland/Buy.jpg" alt="Buy Link"/></a>
<a href="about.php"><img src="/linkland/About.jpg" alt="About us"/></a>
<a href="contact.php"><img src="/linkland/Contact.jpg" alt="Contact"/></a>
<img src="/linkland/rightnav.jpg" /></a>
</div>
<div id="main" align="center"><br />
<div class="memberbar">
<?php include 'welcomeuser.php'; ?>
</div>[/code:2n2ngnyk]
[code:2n2ngnyk]
body
{
font-family: Tahoma, Arial, sans-serif;
margin: 0;
padding: 0;
font-size:11px;
}
div#topcont
{
width: 440px;
margin: 0px auto;
}
img#logo
{
padding: 0px 17px;
margin: 0px;
display: block;
}
div#menu
{
background-repeat: no-repeat;
padding-left: 0px;
margin: 0px;
width: 11px0%;
overflow: hidden;
}
div#menu img
{
display: block;
float: left;
}
div#main
{
padding: 0px 17px;
}
div#footer
{
padding-top: 20px;
height: 33px;
width: 335px;
text-align: center;
color: #737373;
font-size:11px;
}
a img{ border-style: none;}
a:link, a:visited{ color: #737373; text-decoration: none;}
a:hover, a:active{text-decoration: underline;}
.memberbar {
width: 285px;
background: #D2EDFF;
border: 1px solid #1289D5;
text-align: center;
padding: 4px;
}
.button {
font-family: Verdana,Helvetica,Arial;
font-size: 10px;
background: #D2EDFF;
border: solid 1px #1289D5;
}
.about {
padding: 5px;
width: 285px;
}[/code:2n2ngnyk]
Thanks
Tomi
