473,405 Members | 2,421 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,405 software developers and data experts.

Hover vs. Rollovers?

The website I'm working on is using a graphic image for the left navigation
scheme.

Say I've got a button called "home" and one called "home_rollover" where
it's a lighter shade

Is there a way to use css to call the switch between the two? Would hover
work for this? I know very little about it. If so, what would the code be?

Thanks! :)

Susan
Jul 20 '05 #1
2 4365
Els
Susan Addams wrote:
The website I'm working on is using a graphic image for the left navigation
scheme.

Say I've got a button called "home" and one called "home_rollover" where
it's a lighter shade

Is there a way to use css to call the switch between the two? Would hover
work for this? I know very little about it. If so, what would the code be?


Put the image in the background, instead of using
<img src="">.
Then use
a:link, a:visited {background-image:url(home.gif);}
a:hover {background-image:url(home_rollover.gif);}

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Jul 20 '05 #2
Els <el*********@tiscali.nl> wrote in news:2i************@uni-berlin.de:
Then use
a:link, a:visited {background-image:url(home.gif);}
a:hover {background-image:url(home_rollover.gif);}


http://wellstyled.com/css-nopreload-rollovers.html goes into more depth
regarding this technique.

--
'You can watch an actor absolutely sabotage a good script and then read
reviews like "Unfortunately, even the impressive talents of Cheech Marin
could not salvage Anton Chekhov's trite and meandering script."
- Chet Ramey
Jul 20 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: gallery | last post by:
I also cross-posted this in comp.infosystems.www.authoring.html. I think it's more appropriate here. I read somewhere that you can get Tim Murtaugh's Mo' Betta Rollovers to work in Firefox using...
2
by: Frances Del Rio | last post by:
Hi, I while back I was having a problem with rollovers, even though I do them in a very conventional way: function roll(i) { document.src = eval(i + "_roll.src") } // in which value passed...
3
by: Shahid Juma | last post by:
Hi, Is it possible to do roll overs over an area of an image. I know you can setup up a hotspot but can a roll over be done on that particular hotsop. Additionally, when the image changes on the...
3
by: Norman Swartz | last post by:
Rollovers on a web page I created were instantaneous on my computer when the page was loaded directly from my hard drive, but were painfully slow when loaded from the web. However, on another...
7
by: FAQ server | last post by:
----------------------------------------------------------------------- FAQ Topic - Why are my Rollovers so slow? ----------------------------------------------------------------------- Images...
0
by: david.hunter | last post by:
Hi Group - I'd like to try to replicate something like this in CSS : http://www.checkeredshirt.com/jo-menu/ Currently - everything is in a table, and using JavaScript rollovers that reference...
12
by: FAQ server | last post by:
----------------------------------------------------------------------- FAQ Topic - Why are my rollovers so slow? ----------------------------------------------------------------------- Images...
4
by: Sigilaea | last post by:
My previous post got squashed because m post is too long. Sorry for that: I have an AJAX page with a CSS menu at the top. My problem is the hover functionality stops working after someone clicks...
1
by: skoggins | last post by:
Hi All, I have a page with a horizontal navbar running across the top and an embedded Flash object directly underneath taking up the entire width of the page. I am using CSS to style the...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.