Help with floats

Discussion in 'Web Design and Development' started by memco, Jul 11, 2009.

  1. memco macrumors 6502

    Joined:
    May 1, 2008
    #1
    On this page the link to the store in the footer is unclickable. As far as I know all the floats should be cleared and I threw all kinds of space at it to push it away further, but the link click area is pretty much non-existent. On Firefox, it's possible to click it when you hover at the very top of the image. Any ideas?
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    I'm not having any issues clicking on it with Firefox 3.5 or Safari 4.
     
  3. memco thread starter macrumors 6502

    Joined:
    May 1, 2008
    #3
    I've been able to isolate it as a problem with the <q> tag in the paragraph below it (which is currently commented out). Now it's just a matter of fixing the q so it's not overlapping the button.
     
  4. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #4
    It's in style.css
    Code:
    q {
    	padding : 2em;
    That padding is causing the overlap. The q tag shouldn't really use padding in most cases because it doesn't effect it's parents' tag, in this case the p tag.
     
  5. memco thread starter macrumors 6502

    Joined:
    May 1, 2008
    #5
    Thanks that did it. I didn't look at the documentation first to know that <q> is an inline element.
     

Share This Page