...

View Full Version : Need urgent help(Css)



hyper
07-26-2012, 12:50 AM
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.

VIPStephan
07-26-2012, 03:32 AM
This is because you are telling it to display three images only in that row (“one_third”). Or am I misunderstanding something here?

hyper
07-26-2012, 08:54 AM
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.

VIPStephan
07-26-2012, 12:13 PM
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.

hyper
07-26-2012, 01:36 PM
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. :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum