image hover Options

[1337LPU]

so guys i have a problem with a hover effect... this is the standard graphic http://img27.imageshack.us/img27/6028/blogvb.jpg and if you rollover with your mouse is should be this http://img194.imageshack.us/img194/9654/bloghover.jpg can everyone help me with the source code?

thx 1337LPU

[Mickey]

You should really clean up your codes. All CSS codes should go in one section and all HTML codes should go in another. Anyway, look for and remove this from your About Me codes:

CODE

<style>div td img{display:none; visibility:hidden !important; WIDTH:0px !important}</style>

Then look for this bit:

CODE

</style>

.topbannerhover {position:absolute; top:0px; left:50%; margin-left:-425px;; width:849px; height:925px; z-index:1;}

div.topbanner a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:1;
}

.topbanner {position:absolute; top:0px; left:50%; margin-left:-425px; width:849px; height:925px; z-index:1;}

Place the <style> tag below all those selectors so it ends up like this:

CODE

.topbannerhover {position:absolute; top:0px; left:50%; margin-left:-425px;; width:849px; height:925px; z-index:1;}

div.topbanner a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:1;
}

.topbanner {position:absolute; top:0px; left:50%; margin-left:-425px; width:849px; height:925px; z-index:1;}

</style>

That should fix your page up.