Page (<!-- m --><a class="postlink" href="http://s94689575.onlinehome.us/screens/index.htm">http://s94689575.onlinehome.us/screens/index.htm</a><!-- m -->)
I want to have the pictures centered within the boxed border. I want the GROUP of them centered and then the actual picture centered in its own box. It looks centered in Firefox but not in IE. I have been working on the site for 8+ hours today and now towards the end of the day I cannot see the easy thing like this? Anyone tell me what I need to add to center these? The CSS file is here (<!-- m --><a class="postlink" href="http://www.s94689575.onlinehome.us/screens/Screenshots.css">http://www.s94689575.onlinehome.us/scre ... nshots.css</a><!-- m --> ). TIA.The first things I'd try would be to put a text-align:center in .thumbnail and get rid of the center tags around the numbers; just separate the img and number with a <br>. (Just untried guesses.).thumbnail {
float: left;
width: 110px;
border: 1px solid #999;
margin: 5px 1px 5px 5px;
padding: 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
That is the part that controls how those pictures are displayed correct? When I adjust the float to center or absolute it just puts then in a 1 column with 8 rows.No, the float is applied to the div. I thought your problem was the content of the little divs. That is what the text-align will affect.
I want to have the pictures centered within the boxed border. I want the GROUP of them centered and then the actual picture centered in its own box. It looks centered in Firefox but not in IE. I have been working on the site for 8+ hours today and now towards the end of the day I cannot see the easy thing like this? Anyone tell me what I need to add to center these? The CSS file is here (<!-- m --><a class="postlink" href="http://www.s94689575.onlinehome.us/screens/Screenshots.css">http://www.s94689575.onlinehome.us/scre ... nshots.css</a><!-- m --> ). TIA.The first things I'd try would be to put a text-align:center in .thumbnail and get rid of the center tags around the numbers; just separate the img and number with a <br>. (Just untried guesses.).thumbnail {
float: left;
width: 110px;
border: 1px solid #999;
margin: 5px 1px 5px 5px;
padding: 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
That is the part that controls how those pictures are displayed correct? When I adjust the float to center or absolute it just puts then in a 1 column with 8 rows.No, the float is applied to the div. I thought your problem was the content of the little divs. That is what the text-align will affect.