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 6 of 6
  1. #1
    New Coder
    Join Date
    Aug 2002
    Posts
    86
    Thanks
    2
    Thanked 1 Time in 1 Post

    Debugging layout for IE

    Hi guys,

    Need some help debugging my page code. I have coded it for firefox and it looks fine but isnt displaying properly in IE. It keeps pushing my menu way down the page and i cant figure out whats causing it ??

    Code:
    <!-- saved from url=(0022)http://internet.e-mail -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>Welcome to Plymouth and Torbay Tool Hire</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="xhtmlmain.css" rel="stylesheet" type="text/css" />
    <meta http-equiv="Content-Style-Type" content="text/css"/>
    
    </head>
    
    <body>
    <script type="text/javascript" src="menucode.js"></script>
    
    <div id="pagewidth" >
    	
      <div id="header" class="header"> <a href="#"><img src="plylogo.gif" alt="" /></a> 
        <ul>
          <li><a href="">HOME</a></li>
          <li><a href="">ABOUT US</a></li>
          <li><a href="">EQUIPMENT</a></li>
          <li><a href="">WHY US</a></li>
          <li><a href="">CONDITIONS OF HIRE</a></li>
          <li><a href="">CONTACT US</a></li>
        </ul>
      </div>
    		<div id="wrapper" class="clearfix" > 
    		
        <div id="twocols" class="clearfix"> 
          <div id="maincol" class="maincol" > <span class="welc">WELCOME TO:</span><span class="welc2"> 
            TORBAY TOOL HIRE</span> 
            <p></p>
            Torbay Tool Hire are the area's favourite independent hire company, but 
            not JUST because our prices are so competitive or because our product 
            range is so comprehensive that you can hire anything from a basic cordless 
            drill to a Tandem Roller. Much of our success comes from the high level 
            of customer support we insist upon. If you need advice on the best or 
            most suitable product for a particular project we won't try and talk you 
            into hiring what happens to be in stock or earns us the most money. Call 
            in and put us to the test today ! <img src="flash.gif" alt="" /> <a href="#" class="miniboxes"><img src="digbox.gif" alt="" class="miniboxes" /></a> 
            <a href="#" class="miniboxes"><img src="elecbox.gif" alt="" /></a> <a href="" class="butpush"><img src="moreinfobut.gif" alt="" /></a> 
            <a href=""><img src="moreinfobut.gif" alt="" /></a> </div>
          <div id="rightcol" class="rightcol"><a href="#"><img src="brendonwasher.gif" alt="" class="spotlight" /></a><a href="" class="spotlight">Brendon 
            Mini Bowser Pressure Washers.</a> 
            <ul>
              <li><a href="#">1. Carpet Cleaner</a></li>
              <li><a href="#">2. Floor Sander</a></li>
              <li><a href="#">3. Hedge Trimmer</a></li>
              <li><a href="#">4. Plate Compactor</a></li>
              <li><a href="#">5. Mini Diggers</a></li>
              <li><a href="#">6. Dehumidifiers</a></li>
              <li><a href="#">7. Pressure Washers</a></li>
              <li><a href="#">8. Electric Breaker</a></li>
              <li><a href="#">9. Core Drills</a></li>
              <li><a href="#">10. Alloy Towers</a></li>
            </ul>
            <form id="brocreq" method="post" action="">
              <fieldset>
              <legend>Request a Brochure</legend>
              <input type="text" name="txtFirstName" id="txtFirstName" value="Name" />
              <br />
              <input type="text" name="txtLastName" id="txtLastName" value="Postcode" />
              <img src="sendbut.gif" alt="" /> 
              </fieldset>
            </form>
          </div>
        </div> 
    			
        <div id="leftcol" class="leftmenu"> 
          <ul id="sidebarmenu1">
            <li><a href="">Access</a> 
              <ul>
                <li><a href="#">Aluminium Towers</a></li>
                <li><a href="#">Stairway Tower</a></li>
                <li><a href="#">Combi Ladders</a></li>
                <li><a href="#">Folding Platforms</a></li>
                <li><a href="#">Ladder Accessories</a></li>
                <li><a href="#">Ladders</a></li>
                <li><a href="#">Podiums</a></li>
                <li><a href="#">Roof Ladders</a></li>
                <li><a href="#">Scaffold Boards</a></li>
                <li><a href="#">Staging Boards</a></li>
                <li><a href="#">Staging Handrail System</a></li>
                <li><a href="#">Steel Trestles</a></li>
                <li><a href="#">Step Ladders</a></li>
                <li><a href="#">Trestle Handrail System</a></li>
              </ul>
            </li>
            <li><a href="">Air Tools</a> 
              <ul>
                <li><a href="#">Air Breakers &amp; Drills</a></li>
                <li><a href="#">Air Product Accessories</a></li>
                <li><a href="#">Air Scabblers</a></li>
                <li><a href="#">Air Wrench / Grinders</a></li>
                <li><a href="#">Compressors</a></li>
                <li><a href="#">Soil Picks / Blow Lance</a></li>
              </ul>
            </li>
            <li><a href="">Breaking, Drilling and Fixing</a> 
              <ul>
                <li><a href="#">Breakers Electric</a></li>
                <li><a href="#">Cartridge Fixing Gun</a></li>
                <li><a href="#">Combi Hammer Drills</a></li>
                <li><a href="#">Cordless Drills / Screwdrivers</a></li>
                <li><a href="#">Cordless Nail Gun</a></li>
                <li><a href="#">Diamond Drilling</a></li>
                <li><a href="#">Diamond Drilling Accessories</a></li>
                <li><a href="#">Drill &amp; Breaker Accessories</a></li>
                <li><a href="#">Hydraulic Breaker Gun 20L</a></li>
                <li><a href="#">Hydraulic / Petrol Breakers</a></li>
                <li><a href="#">Impact Wrench</a></li>
                <li><a href="#">Magnetic Drill</a></li>
                <li><a href="#">Percussion / Angle Drills</a></li>
                <li><a href="#">Screwdriver / Tek / Auto Feed Gun</a></li>
                <li><a href="#">SDS Plus Hammer Drills</a></li>
                <li><a href="#">Staplers</a></li>
              </ul>
            </li>
            <li><a href="">Cleaning and Dust Control</a> 
              <ul>
                <li><a href="#">Carpet Cleaners &amp; Dryers</a></li>
                <li><a href="#">Pressure Washer Accessories</a></li>
                <li><a href="#">Pressure Washers</a></li>
                <li><a href="#">Vacuum Cleaners</a></li>
              </ul>
            </li>
            <li><a href="">Concrete and Compaction</a> 
              <ul>
                <li><a href="#">Cement &amp; Paddle Mixers</a></li>
                <li><a href="#">Compactors &amp; Rammers</a></li>
                <li><a href="#">Concrete Floats</a></li>
                <li><a href="#">Floor Grinder / Planers / Scarifiers</a></li>
                <li><a href="#">Vibrating Pokers</a></li>
                <li><a href="#">Vibrating Screeds</a></li>
              </ul>
            </li>
            <li><a href="">Cutting, Grinding and Chasing</a> 
              <ul>
                <li><a href="#">Angle Grinders &amp; Wall Chasing</a></li>
                <li><a href="#">Block Splitters</a></li>
                <li><a href="#">Disc Cutters</a></li>
                <li><a href="#">Floor Saws</a></li>
                <li><a href="#">Metal Chopsaw / Shears / Nibblers</a></li>
                <li><a href="#">Tile &amp; Masonry Saw Bench</a></li>
              </ul>
            </li>
            <li><a href="">General Building and Roadworks</a> 
              <ul>
                <li><a href="#">Barriers &amp; Panels</a></li>
                <li><a href="#">Bowsers - Water &amp; Diesel</a></li>
                <li><a href="#">Cable Detection Tools</a></li>
                <li><a href="#">Damp Proofing Equipment</a></li>
                <li><a href="#">General Building Equipment</a></li>
                <li><a href="#">Road Cones &amp; Signs</a></li>
                <li><a href="#">Tool Vaults</a></li>
                <li><a href="#">Underground Moles</a></li>
              </ul>
            </li>
            <li><a href="">Generators and Welders</a> 
              <ul>
                <li><a href="#">Diesel Generators</a></li>
                <li><a href="#">Electric Welders &amp; Plasma Cutters</a></li>
                <li><a href="#">Petrol Generators</a></li>
                <li><a href="#">Welders / Generators</a></li>
                <li><a href="#">Welding Accessories</a></li>
              </ul>
            </li>
            <li><a href="">Heating, Cooling and Drying</a> 
              <ul>
                <li><a href="#">Air Conditioners</a></li>
                <li><a href="#">Dehumidifiers &amp; Fume Extractors</a></li>
                <li><a href="#">Electric Heaters</a></li>
                <li><a href="#">Fans &amp; Coolers</a></li>
                <li><a href="#">Gas Heaters</a></li>
                <li><a href="#">Heating, Cooling &amp; Drying Accessories</a></li>
              </ul>
            </li>
            <li><a href="">Landscaping and Gardening</a> 
              <ul>
                <li><a href="#">Brushcutters &amp; Strimmers</a></li>
                <li><a href="#">Cultivators &amp; Rotovators</a></li>
                <li><a href="#">Garden Hand Tools</a></li>
                <li><a href="#">Garden Shredders</a></li>
                <li><a href="#">Hedge Trimmers</a></li>
                <li><a href="#">Leaf Blowers</a></li>
                <li><a href="#">Post Hole Borers</a></li>
                <li><a href="#">Scarifiers &amp; Aerators</a></li>
                <li><a href="#">Stump Grinder &amp; Log Splitters</a></li>
                <li><a href="#">Turf Lifter &amp; Petrol Mowers</a></li>
              </ul>
            </li>
            <li><a href="">Lifting Equipment</a> 
              <ul>
                <li><a href="#">Bumpa Hoists</a></li>
                <li><a href="#">Lifting &amp; Material Handling Accessories</a></li>
                <li><a href="#">Material &amp; Plaster Board Lifts</a></li>
                <li><a href="#">Materials Hoist</a></li>
                <li><a href="#">Pallet Trucks</a></li>
                <li><a href="#">Trolleys</a></li>
              </ul>
            </li>
            <li><a href="">Light Plant</a> 
              <ul>
                <li><a href="#">Diggers</a></li>
                <li><a href="#">Dumpers</a></li>
              </ul>
            </li>
            <li><a href="">Lighting and Site Electrics</a> 
              <ul>
                <li><a href="#">3kva &amp; 5kva Transformers</a></li>
                <li><a href="#">Extension Leads</a></li>
                <li><a href="#">Festoon Lights</a></li>
                <li><a href="#">Floodlights - Single &amp; Double Headed</a></li>
                <li><a href="#">Flourescent Lights</a></li>
                <li><a href="#">Junction Boxes</a></li>
                <li><a href="#">Magnectic &amp; Mini Pod Lights</a></li>
                <li><a href="#">R.C.D Power Breakers</a></li>
                <li><a href="#">Site Transformers</a></li>
              </ul>
            </li>
            <li><a href="">Painting and Decorating</a> 
              <ul>
                <li><a href="#">Airless Sprayers</a></li>
                <li><a href="#">Wallpaper &amp; Paint Strippers</a></li>
              </ul>
            </li>
            <li><a href="">Plumbing and Engineering</a> 
              <ul>
                <li><a href="#">Pipe Benders</a></li>
                <li><a href="#">Pipe Cutters</a></li>
                <li><a href="#">Pipe Freezers</a></li>
                <li><a href="#">Pipe Threaders</a></li>
                <li><a href="#">Pipe Tools</a></li>
                <li><a href="#">Plumbing Accessories</a></li>
              </ul>
            </li>
            <li><a href="">Pumping</a> 
              <ul>
                <li><a href="#">Petrol / Diesel Pumps</a></li>
                <li><a href="#">Submersible. Puddle &amp; Transfer Pumps</a></li>
                <li><a href="#">Water Pump Accessories</a></li>
              </ul>
            </li>
            <li><a href="">Safety Equipment</a></li>
            <li><a href="">Surface Preperation</a> 
              <ul>
                <li><a href="#">Floor Tile Strippers</a></li>
                <li><a href="#">Scrubbing / Polishing Machines</a></li>
              </ul>
            </li>
            <li><a href="">Survey Equipment</a></li>
            <li><a href="">Trenching and Shoring</a> 
              <ul>
                <li><a href="#">Acrow Props</a></li>
                <li><a href="#">Strongboys</a></li>
                <li><a href="#">Trench Struts</a></li>
              </ul>
            </li>
            <li><a href="">Woodworking Tools</a> 
              <ul>
                <li><a href="#">Aligstor, Door &amp; Biscuit Saws</a></li>
                <li><a href="#">Floor &amp; Edging Sanders</a></li>
                <li><a href="#">Jigsaws &amp; Reciprocating Saws</a></li>
                <li><a href="#">Mitre and Circular Saws</a></li>
                <li><a href="#">Routers &amp; Planers</a></li>
                <li><a href="#">Sanders (Hand held)</a></li>
                <li><a href="#">Table &amp; Flip Over Saws</a></li>
              </ul>
            </li>
          </ul>
        </div>
    </div>
    	<div id="footer" class="footer">
    	 <ul>
          <li><a href="">HOME</a></li>
          <li><a href="">ABOUT US</a></li>
          <li><a href="">EQUIPMENT</a></li>
          <li><a href="">WHY US</a></li>
          <li><a href="">CONDITIONS OF HIRE</a></li>
          <li><a href="">CONTACT US</a></li>
        </ul>
    	<ul class="copyright">
          <li>© Copyright 2009. Plymouth Tool Hire. All Rights Reserved. Designed & Developed by Paul Black.</li>
    	  </ul>
    	</div>
    
    	</div>
    </body>
    
    </html>
    Attached Files Attached Files

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    <!-- saved from url=(0022)http://internet.e-mail -->
    First of all remove that line from the top, as IE may turn into quirks mode if it encounters anything before DOCTYPE. After that I'd recommend you to check http://bonrouge.com/3c-hf-fluid.php to see how to make a good 2 column layout with a few number of floats.
    (IE's wrong behaviour might be due the box model issue )
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Aug 2002
    Posts
    86
    Thanks
    2
    Thanked 1 Time in 1 Post
    Hi abduraooft

    Thanks for your advice. I have changed the layout code for my page now bt im having a problem with my left hand menu system.

    When I rollover the main menu links it is showing the underlining <ul> (submenus) directly underneath. Instead of popping up to the left hand side.

    Anyone know what is causing this ?

    Code:
    <!-- saved from url=(0022)http://internet.e-mail -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>Welcome to Plymouth and Torbay Tool Hire</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="keywords" content="tool hire, plymouth, torbay, torquay, devon, access, concrete, painting, compaction, decorating, trenching, landscaping, shoring, gardening, air tools, dust control, drilling, breaking, welders, lighting, lifting, material, wood saws, site electrics, handling, survey equipment, heating, cooling, safety equipment, roadworks, mini diggers, dumpers, plant,  drying, lifting" />
    <!--[if !IE]>-->
    <link rel="stylesheet" href="global.css" type="text/css" />
    <!--<![endif]-->
    <link rel="stylesheet" href="iemain.css" type="text/css" />
    <meta http-equiv="Content-Style-Type" content="text/css"/>
    
    </head>
    
    <body><script type="text/javascript">
    
    //Nested Side Bar Menu (Mar 20th, 09)
    //By Dynamic Drive: http://www.dynamicdrive.com/style/
    
    var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
    
    function initsidebarmenu(){
    for (var i=0; i<menuids.length; i++){
      var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
        for (var t=0; t<ultags.length; t++){
        ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
      if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
       ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
      else //else if this is a sub level submenu (ul)
        ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
        ultags[t].parentNode.onmouseover=function(){
        this.getElementsByTagName("ul")[0].style.display="block"
        }
        ultags[t].parentNode.onmouseout=function(){
        this.getElementsByTagName("ul")[0].style.display="none"
        }
        }
      for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
      ultags[t].style.visibility="visible"
      ultags[t].style.display="none"
      }
      }
    }
    
    if (window.addEventListener)
    window.addEventListener("load", initsidebarmenu, false)
    else if (window.attachEvent)
    window.attachEvent("onload", initsidebarmenu)
    
    </script>
    
    
    <div id="wrap"> 
      <div id="header" class="header"><a href="#"><img src="plylogo.gif" class="logo" alt="" /></a> 
        <ul>
          <li><a href="">HOME</a></li>
          <li><a href="">ABOUT US</a></li>
          <li><a href="">EQUIPMENT</a></li>
          <li><a href="">WHY US</a></li>
          <li><a href="">CONDITIONS OF HIRE</a></li>
          <li><a href="">CONTACT US</a></li>
        </ul>
      </div>
      <div id="inner-wrap"> 
        <div id="left" class="leftmenu"> 
          <ul id="sidebarmenu1">
            <li><a href="">Access</a> 
              <ul>
                <li><a href="#">Aluminium Towers</a></li>
                <li><a href="#">Stairway Tower</a></li>
                <li><a href="#">Combi Ladders</a></li>
                <li><a href="#">Folding Platforms</a></li>
                <li><a href="#">Ladder Accessories</a></li>
                <li><a href="#">Ladders</a></li>
                <li><a href="#">Podiums</a></li>
                <li><a href="#">Roof Ladders</a></li>
                <li><a href="#">Scaffold Boards</a></li>
                <li><a href="#">Staging Boards</a></li>
                <li><a href="#">Staging Handrail System</a></li>
                <li><a href="#">Steel Trestles</a></li>
                <li><a href="#">Step Ladders</a></li>
                <li><a href="#">Trestle Handrail System</a></li>
              </ul>
            </li>
            <li><a href="">Air Tools</a> 
              <ul>
                <li><a href="#">Air Breakers &amp; Drills</a></li>
                <li><a href="#">Air Product Accessories</a></li>
                <li><a href="#">Air Scabblers</a></li>
                <li><a href="#">Air Wrench / Grinders</a></li>
                <li><a href="#">Compressors</a></li>
                <li><a href="#">Soil Picks / Blow Lance</a></li>
              </ul>
            </li>
            <li><a href="">Breaking, Drilling and Fixing</a> 
              <ul>
                <li><a href="#">Breakers Electric</a></li>
                <li><a href="#">Cartridge Fixing Gun</a></li>
                <li><a href="#">Combi Hammer Drills</a></li>
                <li><a href="#">Cordless Drills / Screwdrivers</a></li>
                <li><a href="#">Cordless Nail Gun</a></li>
                <li><a href="#">Diamond Drilling</a></li>
                <li><a href="#">Diamond Drilling Accessories</a></li>
                <li><a href="#">Drill &amp; Breaker Accessories</a></li>
                <li><a href="#">Hydraulic Breaker Gun 20L</a></li>
                <li><a href="#">Hydraulic / Petrol Breakers</a></li>
                <li><a href="#">Impact Wrench</a></li>
                <li><a href="#">Magnetic Drill</a></li>
                <li><a href="#">Percussion / Angle Drills</a></li>
                <li><a href="#">Screwdriver / Tek / Auto Feed Gun</a></li>
                <li><a href="#">SDS Plus Hammer Drills</a></li>
                <li><a href="#">Staplers</a></li>
              </ul>
            </li>
            <li><a href="">Cleaning and Dust Control</a> 
              <ul>
                <li><a href="#">Carpet Cleaners &amp; Dryers</a></li>
                <li><a href="#">Pressure Washer Accessories</a></li>
                <li><a href="#">Pressure Washers</a></li>
                <li><a href="#">Vacuum Cleaners</a></li>
              </ul>
            </li>
            <li><a href="">Concrete and Compaction</a> 
              <ul>
                <li><a href="#">Cement &amp; Paddle Mixers</a></li>
                <li><a href="#">Compactors &amp; Rammers</a></li>
                <li><a href="#">Concrete Floats</a></li>
                <li><a href="#">Floor Grinder / Planers / Scarifiers</a></li>
                <li><a href="#">Vibrating Pokers</a></li>
                <li><a href="#">Vibrating Screeds</a></li>
              </ul>
            </li>
            <li><a href="">Cutting, Grinding and Chasing</a> 
              <ul>
                <li><a href="#">Angle Grinders &amp; Wall Chasing</a></li>
                <li><a href="#">Block Splitters</a></li>
                <li><a href="#">Disc Cutters</a></li>
                <li><a href="#">Floor Saws</a></li>
                <li><a href="#">Metal Chopsaw / Shears / Nibblers</a></li>
                <li><a href="#">Tile &amp; Masonry Saw Bench</a></li>
              </ul>
            </li>
            <li><a href="">General Building and Roadworks</a> 
              <ul>
                <li><a href="#">Barriers &amp; Panels</a></li>
                <li><a href="#">Bowsers - Water &amp; Diesel</a></li>
                <li><a href="#">Cable Detection Tools</a></li>
                <li><a href="#">Damp Proofing Equipment</a></li>
                <li><a href="#">General Building Equipment</a></li>
                <li><a href="#">Road Cones &amp; Signs</a></li>
                <li><a href="#">Tool Vaults</a></li>
                <li><a href="#">Underground Moles</a></li>
              </ul>
            </li>
            <li><a href="">Generators and Welders</a> 
              <ul>
                <li><a href="#">Diesel Generators</a></li>
                <li><a href="#">Electric Welders &amp; Plasma Cutters</a></li>
                <li><a href="#">Petrol Generators</a></li>
                <li><a href="#">Welders / Generators</a></li>
                <li><a href="#">Welding Accessories</a></li>
              </ul>
            </li>
            <li><a href="">Heating, Cooling and Drying</a> 
              <ul>
                <li><a href="#">Air Conditioners</a></li>
                <li><a href="#">Dehumidifiers &amp; Fume Extractors</a></li>
                <li><a href="#">Electric Heaters</a></li>
                <li><a href="#">Fans &amp; Coolers</a></li>
                <li><a href="#">Gas Heaters</a></li>
                <li><a href="#">Heating, Cooling &amp; Drying Accessories</a></li>
              </ul>
            </li>
            <li><a href="">Landscaping and Gardening</a> 
              <ul>
                <li><a href="#">Brushcutters &amp; Strimmers</a></li>
                <li><a href="#">Cultivators &amp; Rotovators</a></li>
                <li><a href="#">Garden Hand Tools</a></li>
                <li><a href="#">Garden Shredders</a></li>
                <li><a href="#">Hedge Trimmers</a></li>
                <li><a href="#">Leaf Blowers</a></li>
                <li><a href="#">Post Hole Borers</a></li>
                <li><a href="#">Scarifiers &amp; Aerators</a></li>
                <li><a href="#">Stump Grinder &amp; Log Splitters</a></li>
                <li><a href="#">Turf Lifter &amp; Petrol Mowers</a></li>
              </ul>
            </li>
            <li><a href="">Lifting Equipment</a> 
              <ul>
                <li><a href="#">Bumpa Hoists</a></li>
                <li><a href="#">Lifting &amp; Material Handling Accessories</a></li>
                <li><a href="#">Material &amp; Plaster Board Lifts</a></li>
                <li><a href="#">Materials Hoist</a></li>
                <li><a href="#">Pallet Trucks</a></li>
                <li><a href="#">Trolleys</a></li>
              </ul>
            </li>
            <li><a href="">Light Plant</a> 
              <ul>
                <li><a href="#">Diggers</a></li>
                <li><a href="#">Dumpers</a></li>
              </ul>
            </li>
            <li><a href="">Lighting and Site Electrics</a> 
              <ul>
                <li><a href="#">3kva &amp; 5kva Transformers</a></li>
                <li><a href="#">Extension Leads</a></li>
                <li><a href="#">Festoon Lights</a></li>
                <li><a href="#">Floodlights - Single &amp; Double Headed</a></li>
                <li><a href="#">Flourescent Lights</a></li>
                <li><a href="#">Junction Boxes</a></li>
                <li><a href="#">Magnectic &amp; Mini Pod Lights</a></li>
                <li><a href="#">R.C.D Power Breakers</a></li>
                <li><a href="#">Site Transformers</a></li>
              </ul>
            </li>
            <li><a href="">Painting and Decorating</a> 
              <ul>
                <li><a href="#">Airless Sprayers</a></li>
                <li><a href="#">Wallpaper &amp; Paint Strippers</a></li>
              </ul>
            </li>
            <li><a href="">Plumbing and Engineering</a> 
              <ul>
                <li><a href="#">Pipe Benders</a></li>
                <li><a href="#">Pipe Cutters</a></li>
                <li><a href="#">Pipe Freezers</a></li>
                <li><a href="#">Pipe Threaders</a></li>
                <li><a href="#">Pipe Tools</a></li>
                <li><a href="#">Plumbing Accessories</a></li>
              </ul>
            </li>
            <li><a href="">Pumping</a> 
              <ul>
                <li><a href="#">Petrol / Diesel Pumps</a></li>
                <li><a href="#">Submersible. Puddle &amp; Transfer Pumps</a></li>
                <li><a href="#">Water Pump Accessories</a></li>
              </ul>
            </li>
            <li><a href="">Safety Equipment</a></li>
            <li><a href="">Surface Preperation</a> 
              <ul>
                <li><a href="#">Floor Tile Strippers</a></li>
                <li><a href="#">Scrubbing / Polishing Machines</a></li>
              </ul>
            </li>
            <li><a href="">Survey Equipment</a></li>
            <li><a href="">Trenching and Shoring</a> 
              <ul>
                <li><a href="#">Acrow Props</a></li>
                <li><a href="#">Strongboys</a></li>
                <li><a href="#">Trench Struts</a></li>
              </ul>
            </li>
            <li><a href="">Woodworking Tools</a> 
              <ul>
                <li><a href="#">Aligstor, Door &amp; Biscuit Saws</a></li>
                <li><a href="#">Floor &amp; Edging Sanders</a></li>
                <li><a href="#">Jigsaws &amp; Reciprocating Saws</a></li>
                <li><a href="#">Mitre and Circular Saws</a></li>
                <li><a href="#">Routers &amp; Planers</a></li>
                <li><a href="#">Sanders (Hand held)</a></li>
                <li><a href="#">Table &amp; Flip Over Saws</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <div id="main"> 
          <div id="right" class="rightcol"><a href="#"><img src="brendonwasher.gif" alt="" border="0" class="spotlight" /></a> 
            <a href="" class="spotlight">Brendon Mini Bowser Pressure Washers.</a> 
            <ul>
              <li><a href="#">1. Carpet Cleaner</a></li>
              <li><a href="#">2. Floor Sander</a></li>
              <li><a href="#">3. Hedge Trimmer</a></li>
              <li><a href="#">4. Plate Compactor</a></li>
              <li><a href="#">5. Mini Diggers</a></li>
              <li><a href="#">6. Dehumidifiers</a></li>
              <li><a href="#">7. Pressure Washers</a></li>
              <li><a href="#">8. Electric Breaker</a></li>
              <li><a href="#">9. Core Drills</a></li>
              <li><a href="#">10. Alloy Towers</a></li>
            </ul>
            <form id="brocreq" method="post" action="">
              <fieldset>
              <legend>Request a Brochure</legend>
              <input type="text" name="txtFirstName" id="txtFirstName" value="Name" />
              <br />
              <input type="text" name="txtLastName" id="txtLastName" value="Postcode" />
              <img src="sendbut.gif" alt="" /> 
              </fieldset>
            </form>
          </div>
          <div id="content"> <span class="welc">WELCOME TO:</span><span class="welc2"> 
            TORBAY TOOL HIRE</span> 
            <p></p>
            Torbay Tool Hire are the area's favourite independent hire company, but 
            not JUST because our prices are so competitive or because our product 
            range is so comprehensive that you can hire anything from a basic cordless 
            drill to a Tandem Roller. Much of our success comes from the high level 
            of customer support we insist upon. If you need advice on the best or 
            most suitable product for a particular project we won't try and talk you 
            into hiring what happens to be in stock or earns us the most money. Call 
            in and put us to the test today ! <img src="flash.gif" alt="" /> <a href="#" class="miniboxes"><img src="digbox.gif" alt="" class="miniboxes" /></a> 
            <a href="#" class="miniboxes"><img src="elecbox.gif" alt="" /></a> <a href="" class="butpush"><img src="moreinfobut.gif" alt="" /></a> 
            <a href=""><img src="moreinfobut.gif" alt="" /></a> </div>
        </div>
      </div>
      <div id="footer" class="footer"> 
        <ul>
          <li><a href="">HOME</a></li>
          <li><a href="">ABOUT US</a></li>
          <li><a href="">EQUIPMENT</a></li>
          <li><a href="">WHY US</a></li>
          <li><a href="">CONDITIONS OF HIRE</a></li>
          <li><a href="">CONTACT US</a></li>
        </ul>
        <ul class="copyright">
          <li>© Copyright 2009. Plymouth Tool Hire. All Rights Reserved. Designed 
            & Developed by Paul Black.</li>
        </ul>
      </div>
    </div> 
    </body>
    
    </html>
    Attached Files Attached Files

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Reread the first line in my above line.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New Coder
    Join Date
    Aug 2002
    Posts
    86
    Thanks
    2
    Thanked 1 Time in 1 Post
    Hi abduraooft

    Sorry I have been removing that line from my page before testing it...just forgot on this occasion lol

    I still have the same problem with the menu ?

    Thanks

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Try adding
    Code:
    .leftmenu ul ul{
    position:absolute;
    top:0;
    z-index:10;
    }
    into your CSS.
    btw, relying completely on javascript to make the drop down effect is not a good idea as it may cause some accessibility issues for those who have no js support in their browser. You may check this by disabling js in your browser.

    I'd recommend a CSS based one instead, see http://htmldog.com/articles/suckerfish/dropdowns/
    Last edited by abduraooft; 12-07-2009 at 12:43 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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