PDA

View Full Version : CSS Vertical Menu Problems...!!!



wizkilo
05-29-2007, 02:56 AM
Hey guys, Im having a CSS Vertical Menu problem if anyone knows anything about it, please check it out and let me know what Im doing wrong...?

I found the script on here and it's supposed to be a "cop/Paste" thing....cuztomizable...so I just changed the font, color, and background pic...It works for the main menu part of it, but then I have a SUB menu (example...VIDEO has 3 different things WITHIN it..) that doesn't want to work!

here's where I got it from: http://www.javascriptkit.com/script/script2/verticalmenu.shtml

and I copy pasted and changed a few things...but BOTH parts don't work, just one of them does!

here's THE SITE's SCRIPT:

<ul id="verticalmenu" class="glossymenu">
<li><a href="http://www.javascriptkit.com/">JavaScript Kit</a></li>
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >Free JavaScripts</a></li>
<li><a href="http://www.javascriptkit.com/">JavaScript Tutorials</a></li>
<li><a href="#">References</a>
<ul>
<li><a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a></li>
<li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
<li><a href="http://www.javascriptkit.com/dhtmltutors/cssreference.shtml">CSS Reference</a></li>
</ul>
</li>
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >DHTML/ CSS Tutorials</a></li>
<li><a href="http://www.javascriptkit.com/howto/">web Design Tutorials</a></li>
<li><a href="#" >Helpful Resources</a>
<ul>
<li><a href="http://www.dynamicdrive.com">Dynamic HTML</a></li>
<li><a href="http://www.codingforums.com">Coding Forums</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Generator</a></li>
</ul>
</li>
</ul>


----------------------------------------------------------------------

and here's MY SCRIPT:

<ul id="verticalmenu" class="glossymenu">
<li><a href="/newsite/media/music/music.html" TARGET="mediaframe">MUSIC</a></li>
<li><a href="/newsite/media/gallery/gallery.html" TARGET="mediaframe">GALLERY</a></li>
<li><a href="#">VIDEOS</a>
<ul>
<li><a href="/newsite/media/videos/randommoments/randommoments.html" TARGET="mediaframe">WK's Random Moments</a></li>
<li><a href="/newsite/media/videos/live/live.html" TARGET="mediaframe">Live!</a></li>
<li><a href="/newsite/media/videos/misc/misc.html" TARGET="mediaframe">Misc</a></li>
</ul>
</li>
</ul>


----------------------------------------------------------------

I mean I just changed the links and stuff and I dont get it...
it's for this page:
www.wizkilo.com/newsite/media/media.html

PLEASEEEEE help me...
thanx,

Wiz Kilo

djr33
05-29-2007, 03:15 AM
The html is fine.

You don't have the javascript file on your site, so it just is doing what would make sense.

This path-- http://www.wizkilo.com/newsite/media/mediamenu/ssverticalmenu.js
should point to the file, according to your source code. But nothing is there, so nothing happens on the page.

Additionally, there are a couple things you could fix on the page:
1. The link (css reference) tag is invalid html, as it is self-closing, probably because the site you got this from was using xhtml. just remove the / from the end of the tag-- .... />
2. Using the / to start a link returns to the root of your site. That seems like a weird way to go about linking. It works, and it is relative, so it's easy to move pages around, but it seems like a real relative path would make more sense, just like "folder/file.htm". No big deal here, but might be worth looking at.
3. The picture is huge on the page, even on my large monitor. Seems excessive.
4. Using target="blank" also seems weird, since navigation should open in the same window. I hate sites that open up repeatedly all the time and then I end up with 4 windows from a single site and I don't want any but the one I'm in. Consider whether or not you really need this.

wizkilo
05-29-2007, 03:49 AM
hey, it works now! thanx... I also tried the Horizontal one, and I guess I had the same problem...but now I fixed it and it looks and works just fine (I chose the Horizontal)

for the _Blank thing...dont worry, it's supposed to open in an iframe, that I have yet to fix up, cuz I want to still fix the content before I put it up...

Thanx, it's very appriciated!

Wiz Kilo