Thumbnails dropping down instead if staying inline, css

Question

I have a group of 4 randomly generated thumbnails created by a garage system on my website:

http://www.r32oc.com

You can see just under the main header area where they load.

They load up initially in the right order, and lined up nicely however when the page is finished loading they finish up on top of each other.

I have looked through the CSS and templates but think I am missing something obvious as to what is causing this. I have tried adding floats however they affect other elements on the page despite adding clearing divs.

Any help is appreciated.

May be there is a problem in your external styesheet because at first ipb_gargae.css in load & after loading complete then your index CSS come . — sandeep, Jun 07 '12 at 12:47
Yes, adding it to the main ipb_styles.css seems to work.thank you everyone for your help. — Wayners247, Jun 07 '12 at 12:51

score 1 · Answer 1 · answered Jun 07 '12 at 12:36

1

You could add this css:

.main_thumb_block { float: left; }

answered Jun 07 '12 at 12:36

Alvaro

9,247
8
49
76

hmm, strange. I have added the above to the css file, yet it is still dropping down for me. I will check for other instances. – Wayners247 Jun 07 '12 at 12:47

score 1 · Answer 2 · answered Jun 07 '12 at 12:42

1

Add width to your class class="ipsBox_container"

.ipsBox_container
{
width:100%;
}

answered Jun 07 '12 at 12:42

CSS Guy

1,978
3
18
27

score 0 · Answer 3 · answered Jun 07 '12 at 12:32

0

Have you tried...

a {
    display:inline-block;
}

?

answered Jun 07 '12 at 12:32

Juvar Abrera

465
3
10
21

Thumbnails dropping down instead if staying inline, css

3 Answers3