Html & CSS Tables

[Pastor Donald C. Garner Jr.]

Does anyone know exactly how to change the spacing and alignment inside of an html table cell? I have a page full of differently spaced photos inside of a table, and I need to make all of them be centered inside of the cells. Is there code for this that I can add to the html that will work like a charm for future reference also. Everything must fit Exactly/Evenly spaced INSIDE of the Table Cell! Thanks In Advance NC's. Blessings.

[JFarrow]

try pasting this table code into your HTML editor (like Kompozer.net) and add your images

<table style="text-align: left; width: 100%;" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td style="width: 25%; vertical-align: top;"></td>
<td style="vertical-align: top;"></td>
<td style="vertical-align: top;"></td>
<td style="vertical-align: top;"></td>
</tr>
</tbody>
</table>
<br>

[Pastor Donald C. Garner Jr.]

I am Honored Brother Farrow! Thank YOU for responding. I really appreciate the code, and the link. That will help me greatly. I always know what I want, but can't implement it with CSS/code. I'm learning daily. Send me the link to your group, I think I already joined, can't remember. You helped me when I 1st started designing the site back in November last year with a tip. Thanks Again Brother. this Is A Big FIX for our site. Blessings.

[Pastor Donald C. Garner Jr.]

JF, It Worked Like A CHARM man, and my Photo's were already inserted. Great Tip Brother. Thanks Much. Blessings. You Are A Great Teacher!!! I'm Willing To Learn.

[Pastor Donald C. Garner Jr.]

JF, it worked on the Test site, but NOT on the live site. Here's what I'm dealing with and need to correct. The table is invisible, and contains 12 total cells. I need each photo to align/CENTERED evenly so this and anything else I use this code on will look Uniform. I'm next going to make every photo the same size next time. All Landscape style photos. Hoe do I fix this with code, or what values do I change, and where?

[Riccardo Rossini]

I use this, it's very simple. 'esempio 2' in this link

<table>
 <tr>
 <td>Cella 1</td>
 <td>Cella 2</td>
 <td>Cella 3</td>
 <td>Cella 4</td>
 </tr>
 <tr>
 <td>Cella 5</td>
 <td>Cella 6</td>
 <td>Cella 7</td>
 <td>Cella 8</td>
 </tr>
 <tr>
 <td>Cella 9</td>
 <td>Cella 10</td>
 <td>Cella 11</td>
 <td>Cella 12</td>
 </tr>
</table>

 

[Pastor Donald C. Garner Jr.]

Thanks Riccardo, for your help Brother, I tried the code you gave me, and It's didn't do anything that I saw differently, except add the same set of number combination as in the code...To the bottom of my page after it was refreshed. I tried it in the Test Network, and Live. No change. Look at the photos in the screenshot. I think the problem is the photos, AND some of the original may have been written wrong. Reason being...Note: The text is all centered and matching, the photos are centered and matching....JUST NOT WITH Each Other! lol Evenly. I may need to find more photos and edit them in Corel photo paint and make them ALL the same size, then save/export as a PNG then add them again. This really makes no sense to me why something this simple won't work right. Even in Music at the studio, when something isn't working right, it's usually a SIMPLE solution to fix it...It's always the cord was loose, had a shortage, or something was NOT plugged-in. lol HELP!!!!!!!!!!!!!!!!!!!!!!!!!lol

[JFarrow]

you may need to use the code i put up but change everywhere it says 'left' to 'center' 

[Riccardo Rossini]

Yes Pastor, the grid created by the code is a kind of base to put elements into. I load pictures one by one into the cells and I centre each photo trying to adjust their size. I know that it's not an immediate work, but the result, once you have found the right way, It's awesome. I found it very useful for contests

[Pastor Donald C. Garner Jr.]

Thanks JF I'm on it, going to try. Been cooking all day, just got to may computer It's 12:29 a.m. Detroit, MI Time. Riccardo I'm going to the test site to see what it does from scratch, before anything is added. I've also found the Tales are STILL being use all around the net, by MANY of the Bigger Sites. Won't name names, but I love the ease of use formatted structure that they bring to a page. You can design a whole page with tables if you know how to position and add CSS to them to tweak em'. Thanks Guys for everything. I'm on it. Will let you know when I'm done, and it's right. Blessings.

[Riccardo Rossini]

I thik that via CCC the thing itìs a little bit complicated to do, but I agree with you that ning could create a form to do that. As I said, we use the HTML code when we want to publish a contest and It takes about three hours to build a structure with 40 pictures. You can see via Google if there is an host service on line that permits to create an embedded code. Something like this...

http://www.drawzit.com/

[Pastor Donald C. Garner Jr.]

Thanks I'll take a look at it.

[Riccardo Rossini]

this is the result for us (with video thumbnail)

http://www.fotografiapuntodincontro.com/page/osea-costantini-tutorial