Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Center List Images in Fluid Layout?
Old 04-30-2010, 04:02 PM Center List Images in Fluid Layout?
TripleMoons's Avatar
Webmaster Talker

Posts: 619
Name: Stephanie Kunder
Location: Hanover, PA
Trades: 0
http://www.cornsnakemorphgallery.com/

I need these images to be centered and the developer of the WordPress plugin hasn't a clue how to do it.

I managed to get the images to center if their is one line of three images...

http://www.cornsnakemorphgallery.com/ghost-stripe/

Help, please?
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

TripleMoons is offline
Reply With Quote
View Public Profile Visit TripleMoons's homepage!
 
 
Register now for full access!
Old 05-01-2010, 11:13 AM Re: Center List Images in Fluid Layout?
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
What happens if you have more than 3?
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-01-2010, 11:26 AM Re: Center List Images in Fluid Layout?
racer x's Avatar
Ultra Talker

Posts: 457
Name: Randy
Location: Northern Wisconsin
Trades: 0
In the bwbps.css style sheet you can edit:

ul.bwbps_gallery, ul.bwbps_gallery li
{
list-style: none;
padding: 0;
margin: 0 0 0 5px;
}

This nudges it over just enough to appear centered. You can add up the calculations to see if there is a better number than 5px.

What if there are only 2 images, does it still need to be centered?
racer x is offline
Reply With Quote
View Public Profile Visit racer x's homepage!
 
Old 05-02-2010, 08:20 AM Re: Center List Images in Fluid Layout?
TripleMoons's Avatar
Webmaster Talker

Posts: 619
Name: Stephanie Kunder
Location: Hanover, PA
Trades: 0
It needs to be centered no matter how many images are uploaded. It's a fluid layout which means that depending upon the size of the screen, a different number of images will appear in a row.

LNR, if you look at the home page, you can see what it does with more then three images. It's really strange.
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE


Last edited by TripleMoons; 05-02-2010 at 08:34 AM..
TripleMoons is offline
Reply With Quote
View Public Profile Visit TripleMoons's homepage!
 
Old 05-02-2010, 08:30 AM Re: Center List Images in Fluid Layout?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Quote:
if you look at the home page, you can see what it does with more then three images. It's really strange.
Not really!

Fixed width element floated left.

Therefore

NumberAcrossScreen = int(parentContainerWidth/elementWidth)
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 05-02-2010, 08:39 AM Re: Center List Images in Fluid Layout?
TripleMoons's Avatar
Webmaster Talker

Posts: 619
Name: Stephanie Kunder
Location: Hanover, PA
Trades: 0
Yeah, you lost me. I just need them to work right...Not too sure why the developer of the plugin didn't think it was important enough to center the thumbnails...
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

TripleMoons is offline
Reply With Quote
View Public Profile Visit TripleMoons's homepage!
 
Old 05-02-2010, 10:15 AM Re: Center List Images in Fluid Layout?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
BTW the "developer" of the site you linked to made the usual newbie/dummy mistake of using absolute positioning where it is NOT appropriate or required, so the layout "breaks" at resolutions/widths other than it was designed at.

centre your content holder (percentage width), then the thumbnails (or the container) have a fixed height & width and float:left

Because:
Quote:
If there isn't enough horizontal room on the current line for the floated box, it will move downward, line by line, until a line has room for it.
http://css.maxdesign.com.au/floatuto...troduction.htm
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 05-02-2010, 12:12 PM Re: Center List Images in Fluid Layout?
TripleMoons's Avatar
Webmaster Talker

Posts: 619
Name: Stephanie Kunder
Location: Hanover, PA
Trades: 0
I developed the site, someone else developed the gallery plugin. I'm assuming your speaking about the plugin because I don't use absolute positioning. The developer of the plugin doesn't know how to appropriately center the thumbnails...This is why I posted...
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

TripleMoons is offline
Reply With Quote
View Public Profile Visit TripleMoons's homepage!
 
Old 05-02-2010, 12:28 PM Re: Center List Images in Fluid Layout?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
If the thumbnails bit is a plugin, then yep the plugin developer. Did you not provide a template for them to program around?
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 05-02-2010, 12:37 PM Re: Center List Images in Fluid Layout?
TripleMoons's Avatar
Webmaster Talker

Posts: 619
Name: Stephanie Kunder
Location: Hanover, PA
Trades: 0
No, it's a WordPress plugin.
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

TripleMoons is offline
Reply With Quote
View Public Profile Visit TripleMoons's homepage!
 
Reply     « Reply to Center List Images in Fluid Layout?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.45636 seconds with 12 queries