Cursor does not change over the entire image

[cubefree]

Andy,

I'm using IE6 in Win2000, Version 5.0 Release Candidate 46

http://www.cubefree.com/index.htm

If you visit my site, you'll notice that the cursor does NOT change over the entire image on my primary navigation, labeled "services, solutions, clients, company" images.

E.g. Mouseover "Services" you'll see that the cursor only changes to a hand when you're in the middle of the image or higher, not the lower portion.

Moreover, the logo is also rendered by Milonic menu technology and it also does not accurately reflect a normal link around an image.

Can you confirm?

Thanks
Cubist

[John]

I can see what you are complaining about.

If I am reading your code correctly it appears that the background and the text in your main menu buttons are separate items. It looks like you are calling part from the menu and part from HTML. If that is correct (remember, it's still early here!), then that is the problem. If that is not correct, then I'll go looking for my pillow and try again later...

See http://westcgi.west.asu.edu/sai/ for something close. My menu items there are 6 individual complete graphics (text and background). The menu does all the calling, and therefore makes the entire graphic hot (see the url= statement in the first item)...

Code: Select all

with(milonic=new menuname("XPMain")){
style=XPMainStyle;
top = 78;
left = 0;
alwaysvisible = 1;
orientation = "horizontal";
aI("image=/sai/graphics/home.jpg;showmenu=home;url=http://westcgi.west.asu.edu/sai/;");
aI("image=/sai/graphics/staff.jpg;showmenu=staff;");
aI("image=/sai/graphics/tech.jpg;showmenu=tech;");
aI("image=/sai/graphics/edit.jpg;showmenu=edit;");
aI("image=/sai/graphics/services.jpg;showmenu=services;");
aI("image=/sai/graphics/about.jpg;showmenu=about;");
}

Don't know if that helps any, but right now I don't see a way to fix what you have (that's not to say somebody else won't see something!).

[cubefree]

Actually, the table underneath does not add a background to the cell. Only the cells to the right of it do.

Of course, the background for the page in the body tag does have a background attribute equal to an image.

But then the logo??

thx

[cubefree]

This same issues seems to be happening again.

http://www.stillpointhealth.net/dev/

Mouseover the "Services" left nav image (it's the only one made working right now).

Notice again that the URL attribute in the milonic menu is not activating over the lower part of the menu item "services" (only nearer the midline to the top of the image) ... any ideas??

Thanks!
cubefree

[Andy]

Hi,

It's your CSS - As you've got global styles set for A: this is having an
effect on the menu.

Global CSS styles for 'DIV', 'TABLE', 'TR', 'TD' and 'A' will break the menu
because the menu consists of these HTML properties.

Cheers
Andy

[cubefree]

Hmmm.... seems it'd be easier to add a specific style class for Milonic menu items.

It's not as important when developing a site with Milonic menu from the start, but what when a client who has an established site approaches me and wants the menu?

Then I must:
• do a search and replace with regular expressions to add a class to any 'DIV', 'TABLE', 'TR', 'TD' and 'A' tags used globally
• Add a class used by default in any content management system -- if they're using one
• Make it clear to all who may edit the site that 'DIV', 'TABLE', 'TR', 'TD' and 'A' tags must be used with a defined class.

AND I rechecked my code, I haven't used any global definitions for those tags yet.

Am I missing something here? Thx ~C

[cubefree]

Now, I'm wondering if the URL attribute wants to remain the same size over each aI()... See: http://www.stillpointhealth.net/dev/

On 'Services' the cursor only changes to the hand near the top of the graphic, yet 'Location' and 'Contact Us' seem to work just fine.

Hmmmmmmmmmmmmmm....................mmmmmmmmmmmm.......

[Ruth]

I just noticed this while doing a search. I believe you'll find the problem at http://www.cubefree.com/index.htm is the line-height in the all.css file. You have it specified as 17px, however the images are 27 pixels. I tried removing that line-height reference and also changing it to 27px, any place it appeared and finally changing it to 27pixels with reference to the A items in the style sheet, they all worked to stop the behaviour you see.

Ruth