0

Hi,

I have following Css where i have used back-ground image. Then i am generating Anchor and assigning css class which has image. It works fine with IE but does not work with Safari,Firefox and Chrome.

Can anyone help me on how to fix it. I have given details below.

Thanks,
Chandan

Css
-------

.HOME
{
BACKGROUND-IMAGE: url(../images/home.jpg);
WIDTH: 56px;
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 20px
}
.HOME A
{
WIDTH: 56px;
HEIGHT: 20px
}
.HOME A:hover
{
BACKGROUND-IMAGE: url(../images/home1.jpg);
WIDTH: 56px;
HEIGHT: 20px
}

Html Code
-----------

<td class="HOME"><A href="#abc.html" Class ="Home" onclick="OpenPage()"/></td>

2
Contributors
1
Reply
2
Views
6 Years
Discussion Span
Last Post by Varnius
0

This

<td class="HOME"><A href="#abc.html" Class ="Home" onclick="OpenPage()"/></td>

should look like:

<td class="HOME"><a href="#abc.html" class="Home" onclick="OpenPage()"></a></td>

Your <a> tag isn`t closed properly.
If you want clean and valid markup you should look at xHTML requirements here.

Edited by Varnius: n/a

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.