Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Dec 2011
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    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,
    Alex

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello unleashreality,
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    unleashreality (12-18-2011)

  • #4
    New to the CF scene
    Join Date
    Dec 2011
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    thank you!

    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

  • #5
    New to the CF scene
    Join Date
    Dec 2011
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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

  • #6
    New to the CF scene
    Join Date
    Dec 2011
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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)


  •  

    Tags for this Thread

    Posting Permissions

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