Table borders.

[BLiZZaRD]

I have used a table in one of my pages for the very first time ever. I have never liked tables, as I could usually use another "trick" to accomplish the same thing.

But I found myself needing to use one, so I took a crash course and tought myself the basics, then I came here and did some research and made it look pretty.

Now, what I have is 27 pics of people, and under each one the name of the person. I have used a CSS trick I found here to put a nice dotted boarder around the whole thing.

But I have a couple of problems.

First I have each picture and each text name centered inside the <td> tags. This lines them up all nice and pretty. But the dotted boarder appears and the pics go outside it when viewed in FF. IE shows it fine.

Second, Because of the nature of my tables, I was wondering if there was a way to make the boarder into a grid, basically having the dotted line go around each pic and name that is underneith it.

To view the page in question you can go here:

Click Me

Thanks for the help.

~BLiZZ

[Jack]

I just use the basic as follows...


<table width="80%" cellspacing="0" cellpadding="0" border="1">
<tr><!-- Row 1 -->
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr><!-- Row 2 -->
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr><!-- Row 3 -->
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr><!-- Row 4 -->
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr><!-- Row 5 -->
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

</table>

[BLiZZaRD]

Thanks, that is a lot better, but I wonder..

Is there a way to make the border go around row1 and row2 without going between them as well?

So like on my page row1 is the pic, row 2 is the name, row 3 is the pic, row 4 is the name, so I would like the border to be around rows 1 and 2 and than again around rows 3 and 4...

If that makes sense??

~BLiZZ

[djr33]

That's more complex.
No, you can't choose what gets a border.

However, you could use embedded tables (and maybe some divs) to accomplish it... put a table holding the image and description inside a cell in a larger table.
OR, why not just put the text actually below the image, then put both in the same cell of a table?

[BLiZZaRD]

That's more complex.
OR, why not just put the text actually below the image, then put both in the same cell of a table?

I was thinking of something along those lines.. would I just use a <br> tag?

somthing like:

<tr><td><center><img scr=pic.jpg><br>name></center></td>

would that work?

***runs off to try***

~BLiZZ