View Full Version : Need help with menu script

02-04-2009, 03:56 AM
1) Script Title: Smooth Navigational Menu (v1.01)

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

3) Describe problem:

Hi, i need help in this quite urgently.

I insert as per instructed in the head tag and the body tag.

so now the menu appears on the top of the page above the background image (which is exactly what i wanted)


when i minimize the browser to a smaller size, the menu actually shifts and become distorted.

attached are the print screens.

The original website look:

http://img11.imageshack.us/img11/4866/24131142to1.th.gif (http://img11.imageshack.us/my.php?image=24131142to1.gif)

After i minimize:

http://img11.imageshack.us/img11/952/66605838bc5.th.gif (http://img11.imageshack.us/my.php?image=66605838bc5.gif)

Is there anyone can advise? thanks!

02-04-2009, 06:16 AM
Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out and help you.

02-04-2009, 09:01 AM
there is really nothing much in the script... but here goes.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<title>Disability Classification and Research Centre :: Growing Sports in Asia</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Fireworks 8 Dreamweaver 8 target. Created Mon Feb 02 11:27:41 GMT+0800 (Malay Peninsula Standard Time) 2009-->

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

<!--[if lte IE 7]>
<style type="text/css">
html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="ddsmoothmenu.js">

* 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


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

<script src="thumbnailviewer.js" type="text/javascript">

* Image Thumbnail Viewer Script- Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code




<div id="smoothmenu1" class="ddsmoothmenu">
<li><a href="index.htm">home</a></li>
<li><a href="#">about dcrc</a>
<li><a href="#">about us</a></li>
<li><a href="#">corporate structure</a></li>
<li><a href="#">who's who</a></li>
<li><a href="#">milestone</a></li>
<li><a href="#">join us</a></li>
<li><a href="#">what we do</a>
<li><a href="#">equipment development</a></li>
<li><a href="#">qualitative studies</a></li>
<li><a href="#">research</a></li>
<li><a href="#">classification</a></li>
<li><a href="#">seminar & conferences</a></li>
<li><a href="#">training & coaching</a></li>
<li><a href="#">calendar of events</a></li>
<li><a href="#">media centre</a></li>
<li><a href="#">photo gallery</a></li>

<li><a href="#">partners</a>
<li><a href="#">research partners</a></li>
<li><a href="#">international bodies</a></li>
<li><a href="#">regional bodies</a></li>
<li><a href="#">sponsors</a></li>

<li><a href="#">contact us</a></li>


<br style="clear: left" />


<center><img src="images/index.gif"></center>


02-04-2009, 02:05 PM

just want to let you people know that i've solved the coding problem. =)