S
shank
I must admit this CSS thingy is pretty cool. I finally have a validated page
in 4.01 while using CSS and getting rid of tables. That's 500 lines I had to
clean up. I'm still stuck on one issue though. I posted the code of my table
in question below. It has 6 JPEGs with a caption under each JPEG. How can I
use CSS to lose the outer table and the nested table, plus keep the same
layout? The layout is 3 photos over 3 photos with the captions under each
photo.
Ignore the CSS class attributes. I had them in there for fonts etc.
thanks!
-------------------------
<table class="tbcenter">
<tr>
<td class="tbcentertoprow">BE THE FIRST TO GET THE HITS!</td>
</tr>
<tr>
<td><table style="width:330px">
<tr>
<td style="width:33%; text-align:center">
<img src="images/pic1.jpg" style="width:75px; height:75px; border:0px"
alt=""></td>
<td style="width:33%; text-align:center">
<img src="images/pic2.jpg" style="width:75px; height:75px; border:0px"
alt=""></td>
<td style="width:33%; text-align:center">
<img src="images/pic3.jpg" style="width:75px; height:75px; border:0px"
alt=""></td>
</tr>
<tr align="center" valign="middle">
<td class="photocaptions">PIC1</td>
<td class="photocaptions">PIC2</td>
<td class="photocaptions">PIC3</td>
</tr>
<tr align="center" valign="middle">
<td style="width:33%; text-align:center">
<img src="images/pic4.jpg" style="width:75px; height:75px; border:0px"
alt=""></td>
<td style="width:33%; text-align:center">
<img src="images/pic5.jpg" style="width:75px; height:75px; border:0px"
alt=""></td>
<td style="width:33%; text-align:center">
<img src="images/pic6.jpg" style="width:75px; height:75px; border:0px"
alt=""></td>
</tr>
<tr align="center" valign="middle">
<td class="photocaptions">PIC4</td>
<td class="photocaptions">PIC5</td>
<td class="photocaptions">PIC6</td>
</tr>
</table>
/td>
</tr>
</table>
in 4.01 while using CSS and getting rid of tables. That's 500 lines I had to
clean up. I'm still stuck on one issue though. I posted the code of my table
in question below. It has 6 JPEGs with a caption under each JPEG. How can I
use CSS to lose the outer table and the nested table, plus keep the same
layout? The layout is 3 photos over 3 photos with the captions under each
photo.
Ignore the CSS class attributes. I had them in there for fonts etc.
thanks!
-------------------------
<table class="tbcenter">
<tr>
<td class="tbcentertoprow">BE THE FIRST TO GET THE HITS!</td>
</tr>
<tr>
<td><table style="width:330px">
<tr>
<td style="width:33%; text-align:center">
<img src="images/pic1.jpg" style="width:75px; height:75px; border:0px"
alt=""></td>
<td style="width:33%; text-align:center">
<img src="images/pic2.jpg" style="width:75px; height:75px; border:0px"
alt=""></td>
<td style="width:33%; text-align:center">
<img src="images/pic3.jpg" style="width:75px; height:75px; border:0px"
alt=""></td>
</tr>
<tr align="center" valign="middle">
<td class="photocaptions">PIC1</td>
<td class="photocaptions">PIC2</td>
<td class="photocaptions">PIC3</td>
</tr>
<tr align="center" valign="middle">
<td style="width:33%; text-align:center">
<img src="images/pic4.jpg" style="width:75px; height:75px; border:0px"
alt=""></td>
<td style="width:33%; text-align:center">
<img src="images/pic5.jpg" style="width:75px; height:75px; border:0px"
alt=""></td>
<td style="width:33%; text-align:center">
<img src="images/pic6.jpg" style="width:75px; height:75px; border:0px"
alt=""></td>
</tr>
<tr align="center" valign="middle">
<td class="photocaptions">PIC4</td>
<td class="photocaptions">PIC5</td>
<td class="photocaptions">PIC6</td>
</tr>
</table>
/td>
</tr>
</table>