Results 1 to 5 of 5

Thread: Floating Menu Script problems

  1. #1
    Join Date
    Dec 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Floating Menu Script problems

    1) Script Title:
    Floating Menu Script
    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...staticmenu.htm
    3) Describe problem: The script works fine although it renders in the wrong place in bigger screen resolutions, is there anyway to fix this, I have little to no knowledge with css

    thanks

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    you can do this with css

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <head>
      <title></title>
    </head>
    
    <body>
    <div style="height:3000px;" ></div>
    <div id="divStayTopLeft" style="position:fixed;z-Index:101;left:5px;bottom:5px;">
    <!--EDIT BELOW CODE TO YOUR OWN MENU-->
    <table border="1" width="130" cellspacing="0" cellpadding="0">
      <tr>
        <td width="100%" bgcolor="#FFFFCC">
          <p align="center"><b><font size="4">Menu</font></b></td>
      </tr>
      <tr>
        <td width="100%" bgcolor="#FFFFFF">
          <p align="left"> <a href="http://www.dynamicdrive.com">Dynamic Drive</a><br>
           <a href="http://www.dynamicdrive.com/new.htm">What's New</a><br>
           <a href="http://www.dynamicdrive.com/hot.htm">What's Hot</a><br>
           <a href="http://www.dynamicdrive.com/faqs.htm">FAQs</a><br>
           <a href="http://www.dynamicdrive.com/morezone/">More Zone</a></td>
      </tr>
    </table>
    </div>
    </body>
    
    </html>
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    Dec 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by vwphillips View Post
    you can do this with css

    I have used your code but it still hasent fixed the issue, it still stays to far left, and also with your code it scrolls of the bottom of the page here is the code im using

    Code:
    <div style="height:2000px;" ></div>
    <div id="divStayTopLeft" style="position:absolute">
    
    <!--EDIT BELOW CODE TO YOUR OWN MENU-->
    <div id="subcontent">
    <h2><em>Menu</em></h2>
    	<ul><li><a href='index.html'title=''>Home</a></li>
    	<li><a href='reservations.html' title=''>Reservations</a></li>
    	<li><a href='deals.html' title=''>Monthly Deals</a></li>
    	<li><a href='conditions.html' title=''>Conditions</a></li>
    	<li><a href='findus.html' title=''>How to find us</a></li></ul>
    	
    <h2><em>Contact Penny Car Hire</em></h2>
    
    <ul>
    <li>Tel: 01344-843050</li>
    <li>Email: <a href="mailto:bookings@pennycarhire.co.uk">bookings@pennycarhire.co.uk</a></li>
    </ul>
    
    <h2><em>Information</em></h2>
    <ul><li><p>All car hire and van hire rates include:</p></li>
    
    
    <li>All offered insurances and taxes.</li>
    <li>RAC or AA membership.</li>
    <li>Yard Open: 8am - 8pm, Sat 9am - 6pm, Sun 4pm - 8pm</li>
    <li>Call 8am - 8pm 7 Days a week</li></li>
    </ul>
    
    	</div>
    <!--END OF EDIT-->
    
    </div>

  4. #4
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <head>
      <title></title>
    </head>
    
    <body>
    <div style="height:2000px;" ></div>
    <div id="divStayTopLeft" style="position:fixed;z-Index:101;left:5px;bottom:5px;"> <!-- change the bottom and left positions as required -->
    
    <!--EDIT BELOW CODE TO YOUR OWN MENU-->
    <div id="subcontent">
    <h2><em>Menu</em></h2>
    	<ul><li><a href='index.html'title=''>Home</a></li>
    	<li><a href='reservations.html' title=''>Reservations</a></li>
    	<li><a href='deals.html' title=''>Monthly Deals</a></li>
    	<li><a href='conditions.html' title=''>Conditions</a></li>
    	<li><a href='findus.html' title=''>How to find us</a></li></ul>
    
    <h2><em>Contact Penny Car Hire</em></h2>
    
    <ul>
    <li>Tel: 01344-843050</li>
    <li>Email: <a href="mailto:bookings@pennycarhire.co.uk">bookings@pennycarhire.co.uk</a></li>
    </ul>
    
    <h2><em>Information</em></h2>
    <ul><li><p>All car hire and van hire rates include:</p></li>
    
    
    <li>All offered insurances and taxes.</li>
    <li>RAC or AA membership.</li>
    <li>Yard Open: 8am - 8pm, Sat 9am - 6pm, Sun 4pm - 8pm</li>
    <li>Call 8am - 8pm 7 Days a week</li></li>
    </ul>
    
    	</div>
    <!--END OF EDIT-->
    
    </div>
    </body>
    
    </html>
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  5. #5
    Join Date
    Dec 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by vwphillips View Post
    [CODE]1345

    Even after playing around with the bit you said about, i still cant get the menu to stay where it should be, it works fine on 800*600 but any higher and it goes further and further left

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
  •