HTML Help

jonsolo · Joined: 02 Aug 2008 Posts: 2

Hey guys,

I'm trying to put a picture over a scroll box and have the picture disappear and reveal the scroll box when I put the mouse over it.

I can get the picture over the scroll box and have it hover, but when the picture disappears and shows the scroll box, I cant scroll down on the scroll box.

Heres what I have...

<style>

a.rollover {
text-indent: -9999px ;
text-decoration: none ;
display: block ;
width: 290px ;
height: 240px ;
background: transparent url(http://i285.photobucket.com/albums/ll71/smirk838/warriorsfinal.png) no-repeat left top ;position:absolute; top:8px; left:13px;

}

a.rollover:hover {
text-indent: 0 ;
background: none ;
}
p.rollover:hover {
text-indent: 0 ;
background: none ;
}
http://i285.photobucket.com/albums/ll71/smirk838/warriorsnew.png

</style>
<a class="rollover">
</a>

<div style="width: 280px; height: 230px; background-color: white;background-image:url(http://i285.photobucket.com/albums/ll71/smirk838/240-280-30-2.png);background-repeat:no-repeat ;background-position:center center;family: arial; font-size: 10px; font-weight: bold; text-align: left; overflow: auto; padding: 4px;">

 Marissa: testinggg
 
Jon: Hi
 
Marissa: woot
 
Jon: Yay it works :DDD
 
Jon: blah
 
Marissa: hi
 
Marissa: hello
 
Jon: pwnt
 
Marissa: nub
 
Jon: pro
 
Marissa: blah
 
Jon: hi
 
 Marissa: testinggg
 
Jon: Hi
 
Marissa: woot
 
Jon: Yay it works :DDD
 
Jon: blah
 
Marissa: hi
 
Marissa: hello
 
Jon: pwnt
 
Marissa: nub
</div>
</td></tr>

Thanks if you can help, :)

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1402 Location: Biloxi, MS

Try using visibility:hidden for the hover effect.

Why is " Code: http://i285.photobucket.com/albums/ll71/smirk838/warriorsnew.png " in the style tags?