PDA

View Full Version : ddsmoothmenu problem in Firefox



NickFish
03-05-2012, 09:32 PM
1) Script Title: ddsmoothmenu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

3) Describe problem: I am trying to use ddsmoothmenu to make a horizontal menu within a table cell, which is working fine in IE but when I test it in FF 10.0.2 the menu gets aligned right. Does anyone have any thoughts? I have checked that there is nothing in the cell css to align it right, and as it works ok in IE I am assuming that it is not as simple as an align problem.

I'm very new to all this so sorry if it is a basic question.

the html is here



<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NFP - Home Page</title>

<link href="css/ddsmoothmenu.css" rel="stylesheet" type="text/css" />
<link href="css/master.css" rel="stylesheet" type="text/css" />


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

<script type="text/javascript">

ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

</style></head>

<body>



<table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td id="title_block" width="238" height="46" valign="top">AdventuresInBrenda</td>
<td id="width_stretch" width="100%" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td id="main_nav" width="573" valign="top">
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="#">Adventures</a>
<ul>
<li><a href="CT2CT.html">Camden Town to Cape Town</a></li>
<li><a href="#">Adventure 2</a></li>
<li><a href="#">Adventure 3</a></li>
</ul>
</li>
<li><a href="#">The Team</a>
<ul>
<li><a href="#">Nick</a></li>
<li><a href="#">Amy</a></li>
</ul>
</li>
<li><a href="#">Brenda</a></li>
<li><a href="#">Contact</a></li>
</ul>
<br style="clear: left" />
</div>

</td>
</tr>
<tr>
<td id="content" height="431" colspan="3" valign="top"><table width="608" border="0" class="centered_table">
<tr>
<td><p>Welcome to AdventuresInBrenda.co.uk. Initially concieved to host our blog for our trip accross Africa, the website has now become a place for us to let oue friends know what we are up to, and show photos and stories of our adventures in our truck, the lovable Brenda.</p>
<p>Enjoy the site. Nick &amp; Amy x</p></td>
<td>
</tr>
</table></td>
</tr>

<tr>
<td id="footer" height="30" colspan="3" valign="top"><p>AdventuresInBrenda.co.uk</p>
</td>
</tr><tr><td height="1"><img src="images/spacer.gif" alt="" width="238" height="1" /></td><td></td><td><img src="images/spacer.gif" alt="" width="573" height="1" /></td></tr>
</table>
</body>
</html>


the css for the "main-nav" is here


#main_nav {
background-color: #0033CC;
font-family: Papyrus;
font-weight: bolder;
color: #CCCCCC;
font-size: 20px;
vertical-align: middle;
}


The ddsmoothmenu css is as per how I downloaded it albeit with the colour and font changed.

Any thoughts would be very much appreciated.

Thanks

NickFish

Monclee
03-06-2012, 04:48 AM
do you have a link or a test site?

NickFish
03-07-2012, 01:40 PM
Hi Monclee,

I have managed to find the problem. I put the page into my other site in order to upload it and it worked fine. Turns out all I needed was an images folder.

Thanks for your help.

Nick