Floating Menu Script problems

**chrisboots** · 01-03-2012, 01:07 PM

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

**vwphillips** · 01-03-2012, 01:59 PM

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>

**chrisboots** · 01-03-2012, 02:39 PM

Originally Posted by vwphillips

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>

**vwphillips** · 01-03-2012, 04:27 PM

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>

**chrisboots** · 01-06-2012, 04:35 PM

Originally Posted by vwphillips

[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

Thread: Floating Menu Script problems

Thread Tools

Search Thread

Floating Menu Script problems

Bookmarks

Bookmarks

Posting Permissions