On Apr 28, 2007, at 6:34 PM, Bruno Fassino wrote: > 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&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)
Bruno, I added "display:block" and "zoom:1" to my IE6 styles for "div.boxbutton a" and that fixed the IE6 problem. I also tried simply adding "display:block" for "div.boxbutton h5 a" to see if that would make the entire button clickable using my original markup, but although it did help (more button area clickable), the second markup example is needed to make the entire button clickable. Thanks -- that saves me the time and trouble of creating TONS of graphic buttons! -- Lowell Allen ______________________________________________________________________ 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/
