Home/ Questions/Q 6139449
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T17:59:28+00:00

I have this code for demonstration . It makes my link spread over whole

  • 0

I have this code for demonstration. It makes my link spread over whole div, which works great in Firefox, but in IE when I move cursor over text it changes to text cursor and link doesnt work there… I tried fiddling with z-index but no results… any suggestions?

I need to fill my div with other divs with their own content, so 

a style="display: block"

is not an option, an i also want to avoid Javascript like 

onclick="location.href=
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I have a solution for you. In HTML5 it would be valid to use <div>‘s inside of an <a> tag. But since you cannot change your language and HTML4.01 does not allow block elements inside of an <a> I would suggest faking it. By that I mean use <span>‘s inside of the <a> tag instead and style them to act as a <div>. Here is a working example: http://jsfiddle.net/DzpjT/11/

    HTML:

    <body>
    <a href="http://www.google.com">
        <span class="fakediv">Annoying text la lallalalalalalalalal</span>
        <span class="fakediv">Annoying text la lallalalalalalalalal</span>
    </a>
</body>

    CSS:

    a{
    display: block;
    width:700px;
    height:500px;
    margin: 10px;
    background-color: lightblue;
    color: black;
    text-decoration: none;
}
span.fakediv{
    float:left;
    clear: both;
    display: block;
    margin: 10px 20px;
    cursor: pointer;
}
    • 0