Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 14 of 14

Thread: Big gap?

  1. #1
    New Coder
    Join Date
    Nov 2008
    Location
    In a house
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Big gap?

    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?

    Code:
    <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&amp;%20Support/Help%20&amp;%20Support.php" title="Link 6"><span>Help
          &amp; Support</span></a></li>
    	<li><a href="../Contact/Index.php" title="Link 7"><span>Contact Us</span></a></li>
      </ul>
    </div>
    </body>
    </html>

  • #2
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    validate your page.
    live preview?
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #3
    New Coder
    Join Date
    Nov 2008
    Location
    In a house
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #4
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    Quote Originally Posted by NickolasM. View Post
    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?verbos...enu%2FMenu.php
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello NickolasM.
    If you add
    Code:
    * {
    margin: 0;
    padding: 0;
    }
    to your CSS it zeros out the margin that's causing that. Not sure where it's coming from though.

    .
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #6
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    263
    Thanks
    3
    Thanked 12 Times in 12 Posts
    Code:
    <hp align="right"><a href="../Hosting/Login%20System/login.php">
    Client Login</a></p>
    invalid markups..

    Code:
    <hp align="right">

  • #7
    New Coder
    Join Date
    Nov 2008
    Location
    In a house
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts

  • #8
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    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>.

    Code:
    <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.

    .
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #9
    Regular Coder
    Join Date
    Nov 2005
    Posts
    329
    Thanks
    3
    Thanked 19 Times in 19 Posts
    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.

  • #10
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    263
    Thanks
    3
    Thanked 12 Times in 12 Posts
    it's not working cause you didn't change anything... please update your link.. so i can check..

  • #11
    New Coder
    Join Date
    Nov 2008
    Location
    In a house
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    Hello NickolasM.
    If you add
    Code:
    * {
    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

  • #12
    New Coder
    Join Date
    Nov 2008
    Location
    In a house
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No one?

  • #13
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    851
    Thanks
    11
    Thanked 79 Times in 77 Posts
    Methinks you mis-posted?????
    ☠ ☠RON☠ ☠

  • #14
    Regular Coder
    Join Date
    Nov 2005
    Posts
    329
    Thanks
    3
    Thanked 19 Times in 19 Posts
    Change:

    Code:
    #ClientLogin { 
    border: 0px #000000 solid; 
    text-align: center; 
    margin: 0px; 
    background-color: #EFEFEF;
    font-size: 1.5em; line-height: 2em;
    and
    Code:
    <div id="ClientLogin">
    <hp align="right"><a href="../Hosting/Login%20System/login.php">
    Client Login</a>
    </div>
    Cheers!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •