/    Sign up×
Community /Pin to ProfileBookmark

Rollover working in F.F. Safari Opra, not in IE

Copy linkTweet thisAlerts:
Aug 19.2008

Hello

I have a problem

I have a rollover effect with to images for a button, on hover a lighter image

It is working in F.F., opra, safari but not in IE

Somebody know why?

what is messing up?

thank you

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@CoyotelabAug 19.2008 — You should try something like this:
#samplebutton a:hover {
background-position: -86px 0%;
}

#samplebutton a {
background: url(images/samplebutton.gif) no-repeat 0% 0px;
display: block;
height: 41px;
width: 86px;
font-size: 41px;
line-height: 41px;
}

and image for this file attached

[upl-file uuid=214ada13-6f43-47c8-8375-fd1e8159cd6a size=5kB]samplebutton.gif[/upl-file]
Copy linkTweet thisAlerts:
@CentauriAug 19.2008 — IE6 will only recognise :hover on a link anchor. Rather than swapping the background of the <td> (none of which should be there anyway as tables are for tabular data, not layout), set the <a>s to block display (no need for the surrounding div either), size them appropriately, and apply the background images to the <a>s like Coyotelab has demonstrated above.
Copy linkTweet thisAlerts:
@phwebauthorAug 20.2008 — Hello Centauri

the thing is that I made my web page with photoshop and exported it for dreamweaver, that is why is plenty of <td> all over the place

I replaced some of them but I have been with very little time to do my own web page, that is why I didn&#180;t replace all of them

Do you know how can I export from photoshop in a way that instead of <td>s I would get <div>s ?

I am asking to much for this programs? ? or a faster way to replace them...

thank you coyote lab for your suggestion I will implement it, and I report back
×

Success!

Help @phweb 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.1,
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,
)...