www.webdeveloper.com
Results 1 to 2 of 2

Thread: [FF3] anchored element's clickable area affected by padding/margins

  1. #1
    Join Date
    May 2005
    Location
    Dirty Jersey
    Posts
    1,402

    [FF3] anchored element's clickable area affected by padding/margins

    heres the test code:

    Code:
    <a href="?yea=no"><div><img alt="purposefully broken image"></div></a>
    
    <div style="height: 100px"></div>
    
    <a href="?yea=no"><div style="width: 5000px; height: 100px; padding: 20px 20px 20px 20px"><img alt="purposefully broken image"></div></a>
    
    <div style="height: 100px"></div>
    
    <a href="?yea=no"><div style="width: 5000px; height: 100px; margin: 20px 20px 20px 20px"><img alt="purposefully broken image"></div></a>
    is it possible to use padding/margin and prevent the padding/margin from being clickable in FF?

    1. If you reply to my post, and your reply would then appear directly beneath my post, DON'T QUOTE MY ENTIRE POST!!! IT'S REDUNTANT!!! IT'S ASININE!!!! IT'S REDUNDANTLY ASININE!!!!! DON'T DO IT!!!!
    2. jQuery extends the functionality of JavaScript. If you don't know JavaScript, give up on that jQuery script and learn JavaScript. You'll save yourself a lot of frustration, I promise.
    3. Use the [code][/code] tags. Otherwise, you may be left wondering why no one responded to your eyesore of a thread.


  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    The html is invalid; move the anchors inside the divs.
    At least 98% of internet users' DNA is identical to that of chimpanzees

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles