2 replies [Last post]
gleddy
gleddy's picture
Offline
Leader
sydney, australia
Last seen: 13 years 37 weeks ago
sydney, australia
Timezone: GMT+10
Joined: 2004-09-21
Posts: 596
Points: 0

heya,

been working on this one on the weekend and finally ended up dissecting Doug Bowmans technique (including image and all in this example) to see how this all works.

(see attached)

Just wondering about the semantics of this technique? As Doug originally had two items (therefore justifying a list), but say I am using it as the attached version and just want a single link/button to hover or mouseover.

Is this the best way to achieve this rollover effect?

cheers!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

singular rollover

Hi gleddy,
You can do this technique quite easily without using a list.
The main thing to remember is to set the A to display:block.

Here's an article that may give some more ideas http://wellstyled.com/css-nopreload-rollovers.html

Hope that helps

gleddy
gleddy's picture
Offline
Leader
sydney, australia
Last seen: 13 years 37 weeks ago
sydney, australia
Timezone: GMT+10
Joined: 2004-09-21
Posts: 596
Points: 0

singular rollover

yeah. cool that makes sense. thanks.

I actually have seen that article before, but now it's all starting to piece together a bit more now that I have tackled it in a few different ways.... cheers

s.