/    Sign up×
Community /Pin to ProfileBookmark

Call 4 help: Xternal CSS image rollovers

Copy linkTweet thisAlerts:
Jul 27.2006

[url]http://www.mattandpamazon.com/Terrell_Website/index.htm[/url]
[url]http://www.mattandpamazon.com/Terrell_Website/index.css[/url]

I have the images made for the rollover effect on all of the “buttons” but I have no idea how to write the code into the external CSS.

I thought it might go something like this…
[url]http://www.webdeveloper.com/forum/showpost.php?p=610234&postcount=11[/url]

But I really can get past this hump. Normally I do these in Image Ready and then just accept the code that IR writes into the HTML file and use CSS for most everything else. The last time I wrote any kind of rollover (a:hover) code for an external sheet was for basic text rollovers, which seems to be totally different.

Anyone?

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@KDLAJul 28.2006 — You might try this method:

http://alistapart.com/articles/sprites

KDLA
Copy linkTweet thisAlerts:
@CentauriJul 28.2006 — In the code you showed in the other thread, change the css definitions to:

"a .tkca" instead of "a.tkca.link"

and

"a:hover .tkca" instead of "a.tkca.hover"

hover and link are not classes.

Cheers

Graeme
×

Success!

Help @pathfinder74 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...