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 5 of 5
  1. #1
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Unhappy Need urgent help(Css)

    Hello, I am facing a problem on my page. I am using wp with a gallery. But the image is not align in right right position after 2 rows. I am using a short code for this. Which is come with the theme. Like-
    [one_forth]

    You can visit the site to see the problem-
    http://www.michelley vette. com/media-2/

    (remove spaces)

    you can see the 3rd line image has been broken. How to fix this? is there any mirgin code to fix this? Please help me.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,678
    Thanks
    6
    Thanked 1,009 Times in 982 Posts
    This is because you are telling it to display three images only in that row (“one_third”). Or am I misunderstanding something here?

  • #3
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Hi,
    Thanks for your reply. i put one thrid just for test now. I also happening with one_fourth take a look now please. if any one help me in this i will be great pleasure to me.

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,678
    Thanks
    6
    Thanked 1,009 Times in 982 Posts
    Oh, right, this is because of the length of the caption text. All previous captions have so much text that it takes up two lines. The last one in row two has just one line and is therefore a little smaller in height. Since the items are all floated left (i. e. have float: left applied in the CSS) the items that are supposed to be in the third row get stuck on the item before the smaller one. A solution would be to apply a height to the items, like .one_fourth {min-height: 200px;}. Or you take care to always have the same height images and same amount of lines in the captions.

  • Users who have thanked VIPStephan for this post:

    hyper (07-26-2012)

  • #5
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Smile

    Quote Originally Posted by VIPStephan View Post
    Oh, right, this is because of the length of the caption text. All previous captions have so much text that it takes up two lines. The last one in row two has just one line and is therefore a little smaller in height. Since the items are all floated left (i. e. have float: left applied in the CSS) the items that are supposed to be in the third row get stuck on the item before the smaller one. A solution would be to apply a height to the items, like .one_fourth {min-height: 200px;}. Or you take care to always have the same height images and same amount of lines in the captions.

    Thank you very much. You save my day. May god bless you.


  •  

    Posting Permissions

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