Odd Layout of g2_sidebargridblock

clarkburbidge

Joined: 2006-11-22
Posts: 6
Posted: Wed, 2007-10-10 05:31

My sidebar block always throws one of the images out to the side.

See attached image...

Any ideas on why it does this?

AttachmentSize
wpg2.png31.76 KB
 
ClimbingMonkey

Joined: 2005-03-18
Posts: 62
Posted: Wed, 2007-10-10 07:34

Well it shouldn't... lol... Can we see a link or some source code?

---------------------------------------------------
Wordpress / Gallery2 (WPG2) Developer
My Site: http://www.marcnjami.com/
 
clarkburbidge

Joined: 2006-11-22
Posts: 6
Posted: Wed, 2007-10-10 12:37

Link: www.clarkburbidge.com

Code: 

<div id="flickr">
<?php print g2_sidebargridblock(randomImage,4,80,''); ?>
</div>

I tried killin the 'flickr' devs but that just removed the nice looking frames and didn't fix the space.
I also originally used just g2_sidebargridblock(randomImage) without the other values. Still the odd space.

Thanks so much for the look-see. I can't count the times I've been ignored on a message board.
 
capt_kirk

Joined: 2006-01-24
Posts: 492
Posted: Wed, 2007-10-10 13:27

You need to add this to style.css:

#flickr
     text-align:left;
}

It's the text-align: justify; in the body that's doing it.

See this thread for some pointers on using Firebug to find solutions to CSS problems like this.

Kirk
____________________________________
G2Image Documentation, G2Image Demo Page, My Family Website
 
ClimbingMonkey

Joined: 2005-03-18
Posts: 62
Posted: Thu, 2007-10-11 01:58

The Captain is right on the money. :) Adding this should also work... And should only affect the images in the sidebar grid...

#flickr .wpg2sidebargrid-image img {
display:inline;
margin: 0px;
padding: 2px;
text-align:left;
}

---------------------------------------------------
Wordpress / Gallery2 (WPG2) Developer
My Site: http://www.marcnjami.com/
 
clarkburbidge

Joined: 2006-11-22
Posts: 6
Posted: Thu, 2007-10-11 04:18

Thank you for the response!

I used both solutions and they didn't seem to help.

As I investigated further it looks like the problem was the width of the box that was just too narrow for 3 pics but too wide for two. I narrowed that width and it looks better.

Thanks again for the help!