Formatting Issue

[sircutbreaker]

I have a Radmenu and i am using a image and image hover for a single root item...

this menu is inside of a small sliced region...

I created a custom skin (which is actually a duplicate of default) so that i can modify the css properties...

The menu is causing the cell in the table to be taller than it actually is... and thus messing up the page... How can i stop the height of the menu from breaking this?

Please goto: http://eworldmall.net/tdemo

you can see the "Register" button is the one configured with the radmenu.

Thanks for your help!

Jeff

[Simon]

Hello sircutbreaker,

Please try the following:

1. Add vertical-align: top; to the Menu container <td> element's style;
2. Add the .rmLeftImage { margin: 0 !important } style to the page

Regards,
Simon
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[sircutbreaker]

That fix helped tremendously....

however, there is still an issue and i consider it a rather big one...

the page breaks in safari... not only does the page break, but the menus come in right in the middle of the imageUrl (perhaps a little left of the middle.. but right on the image nonetheless)... if you refresh the page, sometimes this doesn't happen... but it happens a lot in safari... both running natively on a mac and running the windows version...

If you could help me solve this mystery, I would be well on my way to making my client a happy one.. :)

thanks,

jeff

[sircutbreaker]

Correction, the page does not break in safari.. that was another formatting issue...

sorry about that...

in safari, the page loads correctly sometimes... but if you refresh the page, the menus come out in the middle of the graphic...

One more thing, how do you set the hand cursor to appear upon hovering over a menu item?

thanks and regards,

Jeff

[sircutbreaker]

For the safari issue, please check this page with a safari browser and be sure to refresh the page once you get there...it usually loads correctly the first visit.. this behavior is noticed on the refresh...

http://eworldmall.net/ademo

thanks,

Jeff

It seems to work perfectly in firefox and ie6/7

[Simon]

Hello sircutbreaker,

Per your questions:

1. Changing the mouse cursor of only the root Items of the Menu can be achieved with the following CSS classes only:

           .RadMenu_Default .rmLink:hover
           {
              cursor: pointer;
           }
   
           .RadMenu_Default .rmGroup .rmLink:hover
           {
              cursor: default;
           }

   Here, the highlighted parts should be the name of the currently used skin;
2. In Safari images are loaded a bit later than expected which causes this behavior. Try setting the Width of the root Items to be the same as the width of the Images associated with each Item

I hope this is useful.

All the best,
Simon
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[sircutbreaker]

i want the little hand to come up.. i had no luck doing it with those css entries...

the width worked perfectly thanks!!

Jeff

[Simon]

Hello sircutbreaker,

Did you change the skin suffix (the highlighted parts) of the two selectors to the name of the skin you currently use?

Best wishes,
Simon
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center