PDA

View Full Version : 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/dynamicindex1/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


<!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
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


<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
<!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
[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