2 replies [Last post]
lelales
Offline
newbie
Last seen: 9 years 27 weeks ago
Timezone: GMT-5
Joined: 2011-05-24
Posts: 2
Points: 3

OK, my code is like this:

<table cellpadding="0" cellpadding="0" width="1000">
	<tr><td>
	<div id="television_big">
	<a href="#" class="television_big">
	</div>
	</td>
 
	<td>
	<div id="radio_big">
	<a href="#" class="radio_big">
	</div>
	</td>

etc.

Then my css looks like this:

a.television_big{
width:158px;
height:212px;
background-image:url('../images/work/television_big_off.gif');
display: inline-block;
}
a.television_big:hover{
width:158px;
height:212px;
background-image:url('../images/work/television_big_on.gif');
display: inline-block;
}
 
a.radio_big{
width:158px;
height:212px;
background-image:url('../images/work/radio_big_off.gif');
display: inline-block;
}
a.radio_big:hover{
width:158px;
height:212px;
background-image:url('../images/work/radio_big_on.gif');
display: inline-block;
}
etc.

but I'm getting 2 images for every image rollover. I can't figure out why?
you can see the problem here

any ideas?
thanks

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 19 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

If you were to validate your

If you were to validate your HTML you would notice over 40 errors in your markup.
4 being that you have not closed your anchor tags.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.caillouette.com%2FDiesel_site10%2Fwork.php

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

lelales
Offline
newbie
Last seen: 9 years 27 weeks ago
Timezone: GMT-5
Joined: 2011-05-24
Posts: 2
Points: 3

thanks Deuce

After closing my tags, everything worked out fine.

thanks for the help!