SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2006
    Location
    BRIGHTON,UK
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation css float menu gone haywire

    Can you help my css float menu has gone haywire i used to put the description of what is on there but no i cant and i find that the menu takes all the page now like this or go to the web site and please tell me what it is
    Attached Files Attached Files

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    HI,

    That is some badly broken code with too many errors for me to fix quickly.

    Validate your page and fix all the missing and broken divs and clean up the other nonsense you have in that page first.

    The menu isn't floating left because you have removed the navbar from #left and you have changed #left into position:absolute.

    Ths is your original code for the menu:
    Code:
     <div id="left" style="position: absolute; left: 110px; top: 233px; height: 755px; width:214px"></div>
     <ul class="navbar">
      <li><a href="INDEX.HTML">Menu</a>
      <li><a href="index.html">Rons page</a>
      <li><a href="mypage3.html">Chris's Page</a>
      <li><a href="upload/index.php?">Forum appz</a>
      <li><a href="Rapid111.html">Rapidshare</a>
      <li><a href="g000.html">Genealogy</a>
      <li><a href="friend.html">Friend</a>
      <li><a href="holiday">Holiday Photo's</a>
      <li><a href="php blog/login.php">Your Blog</a>
      <li><a href="shop/index.php">Supa</a><a href="shop/index.php">Shop</a>
      <li><a href="<A href="http://leech.megaleecher.net/">Megaupload">http://leech.megaleecher.net/">Megaupload Downloader</a>
      <li><a href="<A href="http://www.cmszone.org/grabber/">Rapidshare">http://www.cmszone.org/grabber/">Rapidshare Downloader 2 DOWN</a>
      <li><a href="<A href="http://jeck.ru/">Rapidshare">http://jeck.ru/">Rapidshare Downloader 3</a>
      <li><a href="<A href="http://www.ronuk.org/RapidKill.PRO.v5.7/index2.php">Rapidshare">http://www.ronuk.org/RapidKill.PRO.v5.7/index2.php">Rapidshare Downloader 4</a>
      <li><a href="cpg148/index.php">Your Photos</a>
     </ul>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
    </blockquote>
    </head>
    <body>
    
    Get rid of the absolute positioning style and move the closing div of #left to encompass the nav. get rid of the blockquote closing div and stick it where it should be.

    Code:
     <div id="left" >
     <ul class="navbar">
      <li><a href="INDEX.HTML">Menu</a>
      <li><a href="index.html">Rons page</a>
      <li><a href="mypage3.html">Chris's Page</a>
      <li><a href="upload/index.php?">Forum appz</a>
      <li><a href="Rapid111.html">Rapidshare</a>
      <li><a href="g000.html">Genealogy</a>
      <li><a href="friend.html">Friend</a>
      <li><a href="holiday">Holiday Photo's</a>
      <li><a href="php blog/login.php">Your Blog</a>
      <li><a href="shop/index.php">Supa</a><a href="shop/index.php">Shop</a>
      <li><a href="<A href="http://leech.megaleecher.net/">Megaupload">http://leech.megaleecher.net/">Megaupload Downloader</a>
      <li><a href="<A href="http://www.cmszone.org/grabber/">Rapidshare">http://www.cmszone.org/grabber/">Rapidshare Downloader 2 DOWN</a>
      <li><a href="<A href="http://jeck.ru/">Rapidshare">http://jeck.ru/">Rapidshare Downloader 3</a>
      <li><a href="<A href="http://www.ronuk.org/RapidKill.PRO.v5.7/index2.php">Rapidshare">http://www.ronuk.org/RapidKill.PRO.v5.7/index2.php">Rapidshare Downloader 4</a>
      <li><a href="cpg148/index.php">Your Photos</a>
     </ul>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
    </div>
    </head><!-- what on earth are head and body tags doing here!! -->
    <body>
    <!-- Site navigation menu -->
    <div class="floatLeft">
    That will float the menu back to the side and allow the text to rise up, however you have a lot of work left to do and you really need to get that code into a valid state before you post again. If you have problems getting it to validate then post again but most of the errors are just silly and sloppy.

    Soorry to sound a bit harsh

  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2006
    Location
    BRIGHTON,UK
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile

    Thats just what i wanted, im sorry its so bad but its the best i could do for the minute.Ill get it operable agian now ive got your help
    thank you again


Bookmarks

Posting Permissions

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