Help with Menus-new to dropdowns

bcarl314 · 10-18-2007, 08:03 PM

Have you checked the HTML for the menu in a validator? This causes about 90% of the problems.

Try this.

http://validator.w3.org

and let me know if you get a bunch of errors on the ul / li menu.

dcon64 · 10-19-2007, 01:11 PM

Bcrl314

Thanks for you reply. I ran my index page through validator.w3.org. The only thing it flagged was a lack of "alt" tags, but nothing wrong with the UL and LI menu tags:
------------------------
Line 39, Column 94: required attribute "ALT" not specified.
…adow_top.gif" width="802" height="20"></td>
?
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
-------------------------
I don't get it.
The menus work(except the arrow gif indicator) on Windows/Mac Firefox, but not Windows IE or NS.

The menu arrow gif indicator works only on Mac Safari, but nowhere else. Its like those browsers can't find the path to the arrow images. Why can't they find it, but Safari can?

Could it have something to do with the DocType? The page is currently set as follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

dcon64 · 10-19-2007, 08:26 PM

UDM:

I ran my pages through validator.w3.org and they came though as valid html 4 transitional.

Any ideas why the menus won't work in IE or NS?

Thanks,

Don

bcarl314 · 10-22-2007, 07:39 PM

I think there is some type of validation issue with your UL LI lists. When I replace your udm menu with the default menu, everything seems to work. I've uploaded the sample code that works for me.

dcon64 · 10-23-2007, 02:37 PM

I did some more troubleshooting:
I had a gif file acting as a seperator element in the list--a graphic showing three vertical dots to go between items in the menu bar. I had these tagged as list items as shown here:

<li><img src="images/seperator.gif" alt="seperator" width="3" height="18"></li>

dcon64 · 10-23-2007, 02:47 PM

Sorry--my reply got cut off.

I did some more troubleshooting:
I had a gif file acting as a seperator element in the list--a graphic showing three vertical dots to go between items in the menu bar. I had these tagged as list items as shown here:

<li><img src="images/seperator.gif" alt="seperator" width="3" height="18"></li>

I removed the graphic and the menu does seem to work in Windows IE (still will not work in Windows NN 6.2). I assume this means you can't have graphics in your lists, or the dropdowns won't work--no big deal, I'll use borders to make seperators. (The graphics version did work in Mac Safari and Mac/Win Firefox)

However, the arrow on the Rosters:Varsity:Player Profiles submenu is still not working in Mac/Win Firefox. It looks like the menu can't find the path to the graphic and it is displaying a generic icon. This is odd, since it looks fine in Mac Safari and Windows IE. Any ideas on this?

The link is http://www.studiographx.com/client/t...ite/index.html

Thanks,

Don

10-24-2007, 09:59 PM Admin Posts: n/a #7

One thing to try would be closing the image tag...

Code:

<img src='/path/to/image.gif' />

Another thing to try might be to do something with CSS...

Code:

<li class='spacer_line'><span></span></li>

then in your CSS:

Code:

li.spacer_line {
    height:5px;
    background-image:url("/path/to/image.gif");
    background-repeat:no-repeat;
}

Home

About

Demos

Download

Purchase

Support

Contact

Forum

Blog