[zitwep]

Hello,

Code:

<style type="text/css">
.contactTable 
{
width:400px!important; 
height:300px!important; 
padding:0px!important; 
background-image:url("http://www.agamingday.com/myspace/ContactBlock.gif"); 
background-attachment:scroll; 
background-position:center center; 
background-repeat:no-repeat; 
background-color: transparent;
}

.contactTable table, table.contactTable td 
{
padding:0px !important; 
border:0px; 
background-color: transparent;
}

.contactTable a img 
{
visibility:hidden;
border:0px!important;
}

.contactTable a 
{
display:block; 
height:28px; 
width:115px;
}

.contactTable .text 
{
font-size:1px!important;
}

.contactTable .text, .contactTable a, .contactTable img 
{
filter:none!important;
}

</style>

This is what I use for a contact block on myspace.

But when I rollover a link the background is shown instead of the background image. Does anyone have an idea why that could be?


http://profile.myspace.com/index.cfm...ndid=150532344

You can check out yourself there on the contact table.

Would be glad for help!

Thanks in advance
zitwep

[jfulton]

I don't see any backgrounds on links at all...could you be a little bit more specific about what you're seeing and what you are trying to get it to do?

[UnrealEd]

Originally Posted by jfulton

I don't see any backgrounds on links at all...could you be a little bit more specific about what you're seeing and what you are trying to get it to do?

you have to open it in IE, not mozilla
the problem is located in the contact table (check for "add me")

i myself don't have any suggestions on how to fix it. or maybe, you could change the background settings of the link element to transparent:

Code:

.contactTable a 
{
display:block; 
height:28px; 
width:115px;
background:transparent;
}

UnrealEd

[jfulton]

Originally Posted by UnrealEd

you have to open it in IE, not mozilla

Of course! Hahah.

Well, it's happening when you mouseover the link. That means that something is up with some of your a:hover css rules. Since I don't see any, I'm going to assume that it's declared somewhere else in a more general fashion and that's what's causing the background color to appear. If you don't want the hover to change anything, try doing something like this:

Code:

.contactTable a:link img
, .contactTable a:visited img
, .contactTable a:hover img
, .contactTable a:active img
{
visibility:hidden;
border:0px!important;
background-color:transparent;
}

.contactTable a:link
, .contactTable a:visited
, .contactTable a:hover
, .contactTable a:active 
{
display:block; 
height:28px; 
width:115px;
background-color:transparent;
}

.contactTable .text
, .contactTable a:link
, .contactTable a:visited
, .contactTable a:hover
, .contactTable a:active
, .contactTable img 
{
filter:none!important;
}

See if that points you in the right direction.

http://www.w3schools.com/css/css_pseudo_classes.asp