[css-d] can't get images to align correctly within td's using CSS

2005-07-10 Thread Bruce Gilbert 
hello,

on my graphics page, I want the images to be centered within their
table cells using CSS , but what I have tried isn't working. I can't
seem to find the selector for the images.

the URL is :http://www.inspired-evolution.com/Graphics.php

and CSS is http://www.inspired-evolution.com/Gilbert.css

the css in question is:

table.thumbnails
{
padding-bottom:5em;
margin-left:4em;
padding:0;
}

table.thumbnails tr{
background-color:#f0f8ff;
padding:0;
margin:0;
}

table.thumbnails tr.caption{
background-color:#b0c4de;
border:1px solid #66;
color:#66;
font-weight:bold;
padding:0;
margin-top:1em;
}

table.thumbnails td{
padding-bottom:1em;
text-align:center;
border:1px solid #333;
}
table.thumbnails img{
padding:0;
margin:0;
border:2px solid #66;
}

any assisatnce is greatly appreciative!




-- 
::Bruce::
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] can't get images to align correctly within td's using CSS

2005-07-10 Thread Rimantas Liubertas 
On 7/11/05, Bruce Gilbert [EMAIL PROTECTED] wrote:
 hello,
 
 on my graphics page, I want the images to be centered within their
 table cells using CSS , but what I have tried isn't working. I can't
 seem to find the selector for the images.
...
 any assisatnce is greatly appreciative!

This is because of the higher specificity your images got this rule
applied to them:

#main_content img{
   border:1px solid #333;
  margin-left:5em
}

you can fix it by adding #main_content in front of  table.thumbnails img {
Some tweaking on images/td padding may be required.

Regards,
Rimantas
-- 
http://rimantas.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/