Lowell Allen wrote:

[...]
> <div class="boxbutton">
>     <h5><a href="order.php">Variable text goes here</a></h5>
> </div>
>
> But then only the text is linked, and users expect the entire button
> to be clickable. I can make that happen by replacing h5 with
> a styled
> span (to validate) and enclosing within the anchor:
>
> <div class="boxbutton">
>     <a href="order.php?id=7&amp;sid=5">
>        <span class="ordertext">
>           Variable text goes here
>        </span>
>     </a>
> </div>
>
> This works in Firefox, Safari, and IE7, but not IE6. In IE6 only the
> text is clickable, just as before.
>
> Example at <http://www.lowellallen.com/simplify/letter.php?
> product_id=7&sid=5> (buttons within the letter).


Sometimes anchors in IE6 needs hasLayout to be fully clickable [1].
Try adding  display:block and zoom:1 (or any other hasLayout trigger) to
your anchors.
BTW, I believe that you can get the full area clickable with the other
markup as well, using again display:block (should be sufficient for good
browsers) and zoom:1 (for IE6)

hth,
Bruno


[1] http://www.satzansatz.de/cssd/onhavinglayout.html#link

--
Bruno Fassino http://www.brunildo.org/test

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to