Member Avatar for cpd

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
  • 200 Views
  • 10 Hours Discussion Span
  • Latest Post Latest Post by Varnius
Member Avatar for Varnius

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 because: n/a
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.