make <div> behave like <a> tag?

[adredz]

i have a div that has a onclick attribute. the problem is i can't right-click(to open to a new tab) on it and it won't display the target link on the browser's status bar. i know i can insert a <a> tag, but it requires a text for the link and it would make things complicated for me since i already have the background image of my div marked with text. any help?

[haku]

It's bad practice to use javascript for opening links, as users without javascript turned on will not be able to use the link.

 

Change the div to an <a> tag, and apply your background to that. It will fix all your problems, including the ones you didn't realize you have.

[bombsquad]

that's right avoid using javascript.

[oni-kun]

i have a div that has a onclick attribute. the problem is i can't right-click(to open to a new tab) on it and it won't display the target link on the browser's status bar. i know i can insert a <a> tag, but it requires a text for the link and it would make things complicated for me since i already have the background image of my div marked with text. any help?

 

You can wrap the div in an ancher tag, this would allow it to be clicked, and rightclicked accordingly (as long as it's in the div itself and not in interelements)

[lostprophetpunk]

You could also make the links within that div display as a block that is the width and height of your div.

[haku]

This method is invalid, as you are not allowed to have divs inside a tags. But you can do this:

 

<div>
  <a>jfkdla</a>
</div>

 

CSS:

div a

{
  height:100%;
  width:100%;
  display:block;
}