Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    kb1
    kb1 is offline
    New Coder
    Join Date
    Mar 2007
    Posts
    65
    Thanks
    11
    Thanked 0 Times in 0 Posts

    bad css menu on Safari and Opera only - why?

    Hello
    Using aspx server technology (had to at this time - hope to change to php soon) and now same old battle with browsers - the site works OK on all but Safari (mac) and Opera (mac/PC) re: the site's simple menu with fly out. On Safari it's so bad it doesn't show the rollovers, and worse still when you click on the first/top menu item the entire menu disappears!

    http://www.truthandlife.info/Default.aspx

    Any thoughts appreciated. Thanks much

    KB

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Can I ask why you are using javascript for the flyout menus? I think you should use the method described here for your menu. You have a better chance of them working properly. http://alistapart.com/articles/horizdropdowns

    BTW you don't even need javascript to change the background image of a link.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    kb1
    kb1 is offline
    New Coder
    Join Date
    Mar 2007
    Posts
    65
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Very helpful, thank you as usual - couple of things, the code on the site in my post above, including any javascript, was part of a template from the MS visual studio which someone gave me...I've added and changed some css and colors and many, many things, but the javascript was a part of the original template package. So you're probably right, that's interefering with Safari and Opera.

    Now the second deal is being a newbie to css and this asp.net stuff, I wonder where would I find the file with the javascript to remove it? It seems to be added on the server side of things, not sure which file to search through. Any thoughts?

    KB

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Looks like the scripts are being inserted with one of these two lines
    Code:
    <script src="/WebResource.axd?d=NUoZvo-0d3hS8UZi6iP-Qg2&amp;t=632965646931268385" type="text/javascript"></script>
    
    
    <script src="/WebResource.axd?d=GHZPit6Sts7vInwzIfijog2&amp;t=632965646931268385" type="text/javascript"></script>
    Where those scripts are exactly. I have no idea. You would probably need to look at the server side code for WebResource.axd and find out what the d and t query strings are representing.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    kb1
    kb1 is offline
    New Coder
    Join Date
    Mar 2007
    Posts
    65
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Thanks vey much for your time on this...very helpful...will try to sort this out and post back if still a problem...

    KB

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Its the second line including the menu script. You can tell by going to the url directly http://www.truthandlife.info/WebReso...65646931268385
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #7
    kb1
    kb1 is offline
    New Coder
    Join Date
    Mar 2007
    Posts
    65
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Great, thank you much - so do I alter this in any way or simply kill the link to this file? Probably have to alter the css a bit too...

    KB

  • #8
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Just follow the tutorial I gave you. After removing the javascript you'll need to rewrite your menu using the same methods the tutorial gives you. You can kill the link to the file as you will be creating your own javascript. Also please don't cross post. Its against the forum rules.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #9
    kb1
    kb1 is offline
    New Coder
    Join Date
    Mar 2007
    Posts
    65
    Thanks
    11
    Thanked 0 Times in 0 Posts
    OK, thank you - will not cross post.

    Interestingly a friend DID manage to get the menus to work in Safari BUT now the default's main header image won't display -

    he writes...

    ==============
    I found some other information that suggested setting the ClientTarget attribute to “uplevel” when you detect the Safari or Opera browsers.

    I went ahead and implemented that by creating a base class called BasePage (in the App_Code folder) and made every page load derive from it using the “Inherits” parameter. This seemed to solve the problem on Safari (I don’t have Opera) without affecting IE7. Note that all new pages you create need to have the Inherits=”BasePage” tag set in their <Page> element.

    So all is good in that the submenus pop up as we would expect…but there is a problem with the graphic on the default page. The main image doesn’t load on the Safari browser unless I remove that ClientTarget=”uplevel” statement. If I remove it, then the menus don’t work.
    ==================

    Any thoughts on why this image on the home page now won't display only in Safari?

    http://www.truthandlife.info/Default.aspx

    Thank you

    KB


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •