Big gap?

NickolasM.

11-26-2008, 02:58 AM

Hey, This is my code for my menu, In between Client Login div and the real menu Div there is a big white gap, Can you help me get rid of it?

<html>
<head>
<title>Menu</title>
<style type="text/css">
/*- Menu-------------------------- */

#Menu {
float:left;
width:100%;
background:#efefef;
font-size:13px;
line-height:normal;
border-bottom:1px solid #666;
}
#Menu ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#Menu li {
display:inline;
margin:0;
padding:0;
}
#Menu a {
float:left;
background:url("../Images/Menu/left.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#Menu a span {
float:left;
display:block;
background:url("../Images/Menu/right.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#Menu a span {float:none;}
/* End IE5-Mac hack */
#Menu a:hover span {
color:#FFF;
}
#Menu a:hover {
background-position:0% -42px;
}
#Menu a:hover span {
background-position:100% -42px;
}
/*- Client Login-------------------------- */

#ClientLogin {

background-color: #EFEFEF;
}
#ClientLogin a:link { color: #66CCFF }
#ClientLogin a:visited { color: #66CCFF }
#ClientLogin a:hover { color: #66CCFF }
#ClientLogin a:active { color: #66CCFF }
border: 0px #000000 solid;
text-align: center;
margin: 0px;
</style>
</head>

<body>
<div id="ClientLogin"><font size="2">
<h2 align="right"><a href="../Hosting/Login%20System/login.php">
Client Login</a></h2></font>
</div>
<div id="Menu">
<ul>
<li><a href="../Home/Home.php" title="Link 1"><span>Home</span></a></li>
<li><a href="../About/About.php" title="Link 2"><span>About</span></a></li>
<li><a href="../News/Index.php" title="Link 3"><span>News</span></a></li>

<li><a href="../FeedBack/index.php" title="Longer Link Text"><span>FeedBack</span></a></li>
<li><a href="../Billing/How%20We%20Work.php" title="Link 5"><span>Billing</span></a></li>
<li><a href="../Help%20&%20Support/Help%20&%20Support.php" title="Link 6"><span>Help
& Support</span></a></li>
<li><a href="../Contact/Index.php" title="Link 7"><span>Contact Us</span></a></li>
</ul>
</div>
</body>
</html>

twodayslate

11-26-2008, 03:26 AM

validate your page.
live preview?

NickolasM.

11-26-2008, 03:39 AM

http://10001110101.freehostia.com/Menu/Menu.php
Thats one of my test servers, My current server is transferring the Domain so the site is down... It works fine in I.E. but not in firefox.

twodayslate

11-26-2008, 04:13 AM

It works fine in I.E. but not in firefox.

that should be a big hint that you did it wrong...
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2F10001110101.freehostia.com%2FMenu%2FMenu.php

Excavator

11-26-2008, 05:03 AM

Hello NickolasM.
If you add * {
margin: 0;
padding: 0;
}
to your CSS it zeros out the margin that's causing that. Not sure where it's coming from though.

.

jhaycutexp

11-26-2008, 12:33 PM

<hp align="right"><a href="../Hosting/Login%20System/login.php">
Client Login</a></p>

invalid markups..

<hp align="right">

NickolasM.

11-27-2008, 02:58 AM

still not working...

http://globalinterconnection.com/Menu/Menu.php

Excavator

11-27-2008, 03:44 AM

The code you quote is a little different than the link you posted so there may be some version control confusion.
The code at the link http://10001110101.freehostia.com/Menu/Menu.php can be fixed if you remove the errent </p>.

<body>
<div id="ClientLogin"><font size="2">
<hp align="right"><a href="../Hosting/Login%20System/login.php">
Client Login</a></p></font>
</div>

The validator found that. See the link about validating in my sig below.

.

Avril

11-27-2008, 08:03 AM

This seems to be giving you the problem:
<h2 align="right"><a href="../Hosting/Login%20System/login.php">
Client Login</a></h2></font>

Try styling your font in css not with the h tag.

jhaycutexp

11-27-2008, 08:39 AM

it's not working cause you didn't change anything... please update your link.. so i can check..

NickolasM.

11-27-2008, 11:50 PM

Hello NickolasM.
If you add * {
margin: 0;
padding: 0;
}
to your CSS it zeros out the margin that's causing that. Not sure where it's coming from though.

.
I have done that and it is still not working...

My real site is Globalinterconnection.com
The menu is...
http://globalinterconnection.com/Menu/Menu.php

NickolasM.

11-28-2008, 01:08 AM

No one?

Major Payne

11-28-2008, 04:50 AM

Methinks you mis-posted (http://www.codingforums.com/showthread.php?p=754390#post754390)?????

Avril

12-01-2008, 06:58 AM

Change:

#ClientLogin {
border: 0px #000000 solid;
text-align: center;
margin: 0px;
background-color: #EFEFEF;
font-size: 1.5em; line-height: 2em;

and
<div id="ClientLogin">
<hp align="right"><a href="../Hosting/Login%20System/login.php">
Client Login</a>
</div>

Cheers!