Overflow-x problem :)
Hey everyone! :)
I'm having trouble with overflow-x at the home page of my site http://www.unleashreality.com/
The set of 3 posts next to each other has a small orange banner with the number of comments and has a negative margin to create a ribbon effect. Then I have an excerpt beneath the image for each which runs beyond the height of each of the 3 post blocks. I want the excerpt to be cut off so that each of the 3 blocks are the same height so i need the vertical overflow to be hidden but the horizontal overflow to be visible for the ribbons to work.
using overflow-x:visible; overflow-y:hidden; doesn't seem to be working. I have read elsewhere that it may have to do with the doctype.
Any ideas or tips would be much appreicated :)
Thank you and have a great day,
The validator isn't liking how you're closing your anchors there, could be that's why.
See the links about validation in my signature line below.
You open divs before you anchors are closed, then don't close the divs until after the end of the anchor.
The results from the validator can seem cryptic and hard to understand but it tells you exactly where the error is and then, many times, next line will tell you where the start of the error is.
Thank you so much for your reply :)
I've fixed the (huge number of errors) to arrive at fully validated and error-free code, which is something i didn't even know was wrong... so thank you!
I am still having troubles getting the overflow to be visible on the x axis and hidden on the y axis. I've set these attributes on the parent element (post-block) but still not working.
any further ideas?
thank again :)
at the moment, the parent item "post-block" has what seem to be the correct attributes (overflow-x:visible; overflow-y:hidden;) but it is behaving as though both are hidden.
any help/advice muuuuch appreciated :)
one last thing:
it appears that if i set overflow-y:visible then the clipping on the x-axis disappears as well (which is the desired result but i need the vertical clipping to persist)