Re: [css-d] Fluid Page + Centered 80% Div + Thumbnails

2009-05-11 Thread Court Kizer 
Sorry for the late reply, and why yes. Thank you it is! -ck


On May 6, 2009, at 5:33 PM, Tim Snadden wrote:


 On 7/05/2009, at 11:08 AM, Court Kizer wrote:

 I have a thumbnail gallery composed of 200px by 200px thumbnails.

 I put them in a 80% wide DIV and allow them to reflow as the browser
 resizes.
 This works great. However I do NOT want it justified to the left. So
 I  put  margin: 0 auto; on my 80% width div.


 It's a bit difficult without seeing an example, but I suspect you  
 need to contain floats. There are a number of ways of doing this.  
 One would be to set 'overflow: auto;' on the container.

 Have a look at this: http://snadden.com/sandbox/thumbnail.html

 Is that the kind of effect you were looking for?

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Fluid Page + Centered 80% Div + Thumbnails

2009-05-07 Thread Bill Brown 
Court Kizer wrote:
 Here's a screenshot to give you an idea...
 
 http://courtkizer.com/screenshots/Untitled.png

Something like this?:

~~~
!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN'
   'http://www.w3.org/TR/html4/strict.dtd'
html
   head
 meta http-equiv='content-type' content='text/html;charset=utf-8'
 meta http-equiv='X-UA-Compatible' content='IE=8'
 titleGallery/title
 style type='text/css'
/* RESET */
ul,li{list-style:none;margin:0;padding:0;}
/* GALLERY */
ul{margin:0 auto;text-align:center;width:80%;}
li{height:200px;text-align:center;width:200px;}
li{display:-moz-inline-box;display:inline-block;display:inline!ie;zoom:1;}
/* DEMO */
ul{background:#009;}
li{background:#090;}
 /style
   /head
   body
ul
   lipic/li
   lipic/li
   lipic/li
   lipic/li
   lipic/li
   lipic/li
 /ul
   /body
/html
~~~

-- 
!--
  ! Bill Brown macnim...@gmail.com
  ! Web Developologist, WebDevelopedia.com
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Fluid Page + Centered 80% Div + Thumbnails

2009-05-06 Thread Court Kizer 
I have a thumbnail gallery composed of 200px by 200px thumbnails.

I put them in a 80% wide DIV and allow them to reflow as the browser  
resizes.
This works great. However I do NOT want it justified to the left. So  
I  put  margin: 0 auto; on my 80% width div.

Obviously this does nothing. I've tried EVERYTHING. At this point I'm  
not even sure it's possible.

I'll take anything as long as it's valid, even if it means I have to  
use a javascript.

Here's a screenshot to give you an idea...

http://courtkizer.com/screenshots/Untitled.png


Thanks,
Court
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Fluid Page + Centered 80% Div + Thumbnails

2009-05-06 Thread Gunlaug Sørtun 
Court Kizer wrote:
 http://courtkizer.com/screenshots/Untitled.png

 At this point I'm not even sure it's possible.

Suggest you start here...
http://www.brunildo.org/test/ImgThumbIBL2b.html

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/