View Full Version : Help with floats
Jul 11, 2009, 04:28 PM
On this page (http://ktlw.org) 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?
Jul 11, 2009, 05:57 PM
I'm not having any issues clicking on it with Firefox 3.5 or Safari 4.
Jul 11, 2009, 07:07 PM
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.
Jul 11, 2009, 09:03 PM
It's in style.css
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.
Jul 11, 2009, 10:37 PM
Thanks that did it. I didn't look at the documentation first to know that <q> is an inline element.