Expression >
Forums Home
>
Expression Studio Forums
>
Expression Web and SuperPreview
>
Hovering over an element, not text
Hovering over an element, not text
- Hello,
I'm designing a new website and I'm trying to incorporate techniques that I have seen other people use. I designed my navigation bar in Expression Design 3 and then used the slice tool and then exported that slice, which is named navigation.png. Now, in Expression Web, I have a div with the navigation.png background.
I also designed a copy of the navigation image that has hover effects applied the whole image and sliced that and exported that as well as navihover.png.
I then was taking a list tag and changing the size of each item so it fit on the navigation buttons of navigation.png. I know want to make it were when I hover over those list items it changes the background to the navihover.png so it gives the effect of highlighting the button.
Please help! I can only bluff my way through so much. LOL
All Replies
It would be so much easier to help you if you had followed the instructions in the BEFORE POSTING sticky at the top of this forum and included a url. As it is without seeing the html & css you used for your navigation it is impossible to do more than ask if you actually defined the :hover pseudo class for your menu.
MS MVP Expression Tutorials & Help http://by-expression.com and online instructor led Expression Classes- Use behaviors to utilize the buttons.
Insert > Interactive Button, and EW "should" do all of the work for you.
Expression Web MVP Use behaviors to utilize the buttons.
Huh? I wouldn't recommend going down that path. I read the OP to mean that the navigation was a standard list using CSS to change the background when hovered. That should be much cleaner than using interactive buttons.
Insert > Interactive Button, and EW "should" do all of the work for you.
Expression Web MVP
However, as Cheryl mentioned, we don't know if there is a :hover definition that changes the background. With a link it should be simple to troubleshoot.
Jim
Edit: Okay, I guess the heading is confusing. It really should be text that is hovered, which changes the background. Sounds like the OP is confused about just how it works.- Edited byfcphdJim Wednesday, November 04, 2009 3:59 PMclarification
- Umm, yeah, I'll have to agree with Jim. I would never recommend those relic interactive buttons with all of their junk javascript. Each button adds about 8-10 lines to the markup to cover all four states, and in the absence of scripting, they're useless.
From his description, it does sound as if he's after a standard ul-based CSS menu with images. Unfortunately, since he has not bothered to post a link to an example page, we can't offer much in the way of concrete help with the specifics of his question.
Various, two things: First, this menu does not work without a small amount of additional javascript in IE6, which does not support the :hover pseudo-class on arbitrary (i.e. non-anchor) elements., and second...
====================================Please see the following forum thread for posting guidelines:Be sure to read, and heed, all of Item #1 in the User FAQs. There is a reason why it is Item #1.====================================
cheers,
scott
Plural's don't have apostrophe's. It seem's sometime's that any word's ending in "s" get a gratuitous apostrophe. Apostrophe's are used to indicate possessive's and elision's (contraction's or abbreviation's). - I apologize for not posting html code. Probably the reason being I didn't want to post the code. I had a general question and if there was no reason for you post except to critisize me, I'd rather you not post.
Thanks I apologize for not posting html code. Probably the reason being I didn't want to post the code.
That's your prerogative, of course, but that's roughly equivalent to walking into a mechanic's shop and telling him that you have a problem with your car and asking him to help you but not letting him see the car.
Paul Bartholomew
Microsoft Expression Web
