how to have 2 different CSS menues (1 is different colours on mouseover) on 1 page?

  • 1
  • Question
  • Updated 10 years ago
  • Answered
well, is there?

Alex
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
  • unsure

Posted 10 years ago

  • 1
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
please can i have some help with this? its quite urgent (ish)

alex
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Hi Alex,

The menus would have to be separated vertically for a start and not be beside each other.

The other aspect is the way the menu sets it's counter.

may I have a look at your code?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
well, go to My Site and look at the 2nd bmenu, (it says bookmark) i want it to be blue on mouseover. but i want the main menu to stay red on mouseover (like it already is).
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
or do you want the PROPER code wrapped in <!-- --> ?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
No thnx alex.

I 'm just having a bit of a problem locating the code on your page for the second menu. There's a lot of stuff there :)
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
i know, it does get a bit hectic at the top, I dont evan know what the stuff is on the page source
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Ok Alex,

Can I ask you to post the code for both the menus please.

call the top 1 A and the bottom one B :)
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
PETER!!!!!
STOP!!!!
there is no 2nd code for the 2nd menu!
i just pasted the last but if coding on because the 1 nav menu always went blue.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
That's why I couldn't see it :)
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
oops, i just checked, is there a way of me doing this?(my original Q)
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
If it's CSS then it's easy as CSS follows the line down. If you put in a single statement of HTML I'm not sure?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
eh? it sound a bit dumb but i dont have a clue what that meant. could ya please dumb it down a but (i am RUBBISH at HTML)
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
No problem Alex. I don't think you're dumb.

Here's a generator that will create the ode for you. It's the top right "HOVER LINKS"

key in the parameters then click the generator. Copy the code and paste it to where you need it.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
what generator?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
How is it going Alex?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
see above.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
<!--
A:hover
{
color:#0000FF;
background-color:#000000;
}
-->
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
If the black doesn't work then try this:

<!--
A:hover
{
color:#0000FF;
}
-->
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
so where do i put this code?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Place it just before, (above) the "Bookmark" rectangle.

I think this will then allow the top menu to still work in red and the BOOKMARK to work in blue
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
nothing has happened.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Tell me about the Bookmark. Is it an image?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
nope, the same as my navigation menu, CSS button with the link to favprite the site (yes it does work!)
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
I just can't see it in your code. Can you see it on the page source?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
this is all i pasted (regards to the bookmark button)(using the 2 other codes from the navigation menu)
I PASTED:

<!--
<ul id="sddm">

<li><a href="javascript:window.external.AddFavorite('http://sportie.yolasite.com', 'Sportie! :: All You Need To Know About Sports!')">Bookmark</a></li>

</ul>
<div style="clear:both"></div>
-->
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Alex. It's an image a PNG image.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
is it? HOW?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
I just can't see this particular one in the code but I can see all the others. i
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
its in a 2 column widges in a 2 column widget, is thes why ya cant see it?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
ahh, peter, you are looking at the wrong piece of page source! thats the Add this button i customized.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
So tell me what you put in the widget..Text, image or HTML ?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
the customized ADD THIS widget or the BOOKMARK widget?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Bookmark
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
(LIKE ABOVE)

this is all i pasted (regards to the bookmark button)(using the 2 other codes from the navigation menu)
I PASTED:

<!--
<ul id="sddm">

<li><a href="javascript:window.external.AddFavorite('http://sportie.yolasite.com', 'Sportie! :: All You Need To Know About Sports!')">Bookmark</a></li>

</ul>
<div style="clear:both"></div>
-->
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
The ( ahref) is linked to the button "bookmark"

is a reference to the function.

What I can't work out is where is your button image. that's what we have to work on. There has to be a specific reference to the image of the button.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
let me get rid of the image & then look at the source in the same page.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
check again now.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
OK. Cleared one thing it's not an image :)

I can't find out where it is in the jungle though. Sorry.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
let me place it on a test page, (no content, just the nav bar & the box) is this okay for you? if so i will put it in action :]
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Yep
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
okay, 1 moment