Rollovers not working? - Webmaster Forum - Web Design, Programming and SEO forums

04-01-2008, 01:20 AM

bradford

Status: I love this place
Join date: Feb 2008
Location:
Expertise:
Software:

Posts: 639

iTrader: 14 / 100%

bradford is on a distinguished road

Rollovers not working?

XHTML:

Code:

<a href="index.php"><img class="forums" border="0" /></a>
<a href="index.php"><img class="marketplace" border="0" /></a>

CSS:

Code:

.forums{
background: url(images/bluefora/misc/forums.gif) top;
width: 86px;
height: 33px;
float: left;
margin-left: 256px;
}

.forums:hover{
background:url(images/bluefora/misc/forums.gif) bottom no-repeat;
}

.marketplace{
background:url(images/bluefora/misc/marketplace.gif) top no-repeat;
width: 86px;
height: 33px;
}

.marketplace:hover{
background:url(images/bluefora/misc/marketplace.gif) bottom no-repeat;
}

Result:

Problem:
Why wont the marketplace show up beside the forums button?

04-01-2008, 01:24 AM

phractured

Status: Senior Member
Join date: Oct 2006
Location: New York
Expertise:
Software:

Posts: 774

iTrader: 0 / 0%

phractured is on a distinguished road

does images/bluefora/misc/marketplace.gif exist?

04-01-2008, 01:33 AM

bradford

Status: I love this place
Join date: Feb 2008
Location:
Expertise:
Software:

Posts: 639

iTrader: 14 / 100%

bradford is on a distinguished road

Yes they both exist.

04-01-2008, 03:47 AM

unr

Status: Member
Join date: Oct 2007
Location: Ontario
Expertise:
Software:

Posts: 371

iTrader: 4 / 100%

unr is on a distinguished road

First think I notice, is that your image has a margin of 256px from the left,
And your second doesn't.
Try adding a float: left; to both elements, see what happens.

I'm busy right now, but if I remember in a bit, I'll try again from home.

Taking a quick look again
You definitely need a float:left on the Second image.