ddsmoothmenu problem in Firefox
1) Script Title: ddsmoothmenu
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...smoothmenu.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
the css for the "main-nav" is hereCode:<!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--> </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 & 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 ddsmoothmenu css is as per how I downloaded it albeit with the colour and font changed.Code:#main_nav { background-color: #0033CC; font-family: Papyrus; font-weight: bolder; color: #CCCCCC; font-size: 20px; vertical-align: middle; }
Any thoughts would be very much appreciated.
Thanks
NickFish
CSS Codes
Reply With Quote
Bookmarks