Help - Search - Members - Calendar
Full Version: Strange menu problem
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
arachnocat
I have inserted a new menu item on this page called "Movie".
It looks fine on every page, except on the actual movie page, the text is bold! I can't locate what part of the code is making the word "movie" bold in the menu.
The menu is an include and should be showing up exactly the same on every page. Any ideas?

Movie link on menu should look like this:
http://ledsonharmonyfoundation.com/

Movie link on menu is BOLD on the movie page....
http://ledsonharmonyfoundation.com/movie-gallery/index.asp
Darin McGrew
I don't see any difference between the "Movie" links. But I did find the automatic background sound annoying.
arachnocat
QUOTE(Darin McGrew @ Feb 9 2011, 12:40 PM) *

I don't see any difference between the "Movie" links. But I did find the automatic background sound annoying.


It should look like this:
IPB Image

But on the movie page it looks like this:
IPB Image
Darin McGrew
QUOTE(arachnocat @ Feb 9 2011, 09:50 AM) *
QUOTE(Darin McGrew @ Feb 9 2011, 12:40 PM) *
I don't see any difference between the "Movie" links. But I did find the automatic background sound annoying.
It should look like this:
IPB Image

But on the movie page it looks like this:
IPB Image
Again, I don't see any difference. I tried all 4 of my browsers (Firefox, Chrome, Safari, Opera; all on Mac).
Click to view attachment
Click to view attachment
arachnocat
Maybe it's a PC issue then. It's showing up on IE and Firefox for me on PC.
pandy
Don't see how it could be OS related? I see it too, in every browser I tried.
pandy
Geez, strange is the word. I just noticed that when I clicked the link above to the gallery page "Movie" wasn't bold. But when I click a link to it on your site, it is. The difference is the www sub in the url. You don't have those URLs leading to different pages, I suppose? blink.gif

Not bold
http://ledsonharmonyfoundation.com/movie-gallery/index.asp
Bold
http://www.ledsonharmonyfoundation.com/mov...llery/index.asp
arachnocat
QUOTE(pandy @ Feb 9 2011, 06:05 PM) *

Geez, strange is the word. I just noticed that when I clicked the link to the gallery page "Movie" wasn't bold. But when I click a link to it on your site, it is. The difference is the www sub in the url. You don't have those URLs leading to different pages, I suppose? blink.gif

Not bold
http://ledsonharmonyfoundation.com/movie-gallery/index.asp
Bold
http://www.ledsonharmonyfoundation.com/mov...llery/index.asp


Wow! That is pretty crazy. Thanks for noticing that. I totally thought that would fix the problem.
I tried changing the include navigation to have www and also without the www and everytime I upload it's the same, with the bold movie. I even tried calling it something else "movie.asp" instead.
And yet, if I delete the www in my browser address (or add it if I removed it in the include) it looks FINE!
There must be a solution though...
Darin McGrew
Interesting. It also seems related to the JavaScript. I don't see the effect until I temporarily whitelist the site.
pandy
I notice the body tags have IDs. Could there be attempt to style the link to the current page differently, but it only works in one case? Don't see how the www sub fits in this theory, but what the heck! biggrin.gif
pandy
What have you done now? Now it's the other way around, it's bold without the www. biggrin.gif
Barthal
It's javascript.

your movie page has
CODE
    // highlighting styles on clicks
    var $allLinks = $('a', '#movie-gallery-navigation')
    $allLinks.click(function(){
        $allLinks.removeClass('current_mark');
        $(this).addClass('current_mark');
    });
    // for intial highlighting to be visible, i suppose we should expand the first parent    

    showChildren($allChildren.eq(0));

which adds
CODE
.current_mark {
color:#830505 !important;
font-weight:bold;
}


Your other pages don't seem to have this script and style.


I'm no good wit javascript so I don't know why it doesn't work with www.
arachnocat
Thank you!!! It works!!! Yay!!!!!!!
biggrin.gif biggrin.gif biggrin.gif biggrin.gif biggrin.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2018 Invision Power Services, Inc.