Thanks for your reply Ronx. Here is the code for first row to table.
<div align="left">
<table border="1" cellpadding="4" cellspacing="1" style="border-collapse:
collapse" bordercolor="#111111" width="100%" bordercolorlight="#9D8479"
bordercolordark="#9D8479" bgcolor="#EDDED8">
<tr>
<td width="33%">
<img border="2" img
src="
http://imagehost.vendio.com/bin/imageserver.x/00000000/richer101/Amethyst50.jpg" align="left" width="50" height="50"><b><font face="Arial">
$ .45 (Package of 6)</font><br></td>
<td width="33%">
<img border="2" img
src="
http://imagehost.vendio.com/bin/imageserver.x/00000000/richer101/Amethyst50.jpg" align="left" width="50" height="50"><b><font face="Arial">
$ .95 (Package of 6)</font></td>
<td width="34%">
<img border="2" img
src="
http://imagehost.vendio.com/bin/imageserver.x/00000000/richer101/Amethyst50.jpg" align="left" width="50" height="50"><b><font face="Arial">
$ .28 ( Each)</font></td>
</tr>
<tr>
<td width="33%"><font face="Arial"><b>Color:
Aquamarine</b></font></td>
<td width="33%"><font face="Arial"><b>Color:
Aquamarine</b></font></td>
<td width="34%"><font face="Arial"><b>Color:
Aquamarine</b></font></td>
</tr>
<tr>
<td width="33%"><font face="Arial"><b>Size: </b>4 mm </font></td>
<td width="33%"><font face="Arial"><b>Size: </b> 6 mm </font></td>
<td width="34%"><font face="Arial"><b>Size: </b>8 mm - (1 per
Package)</font></td>
</tr>
<tr>
<td width="33%"><font face="Arial"><b>Style:</b> 5301 Faceted
Bicone</font></td>
<td width="33%"><font face="Arial"><b>Style:</b> 5301 Faceted
Bicone</font></td>
<td width="34%"><font face="Arial"><b>Style: </b> 5301 Faceted
Bicone</font></td>
</tr>
<tr>
<td width="33%"><font face="Arial"><b>Origin:</b>
Austria</font></td>
<td width="33%"><font face="Arial"><b>Origin:</b>
Austria</font></td>
<td width="34%"><font face="Arial"><b>Origin:</b>
Austria</font></td>
</tr>
<tr>
<td width="33%"><font face="Arial"><b>Bead Item
#:</b>Aqua4-5301</font></td>
<td width="33%"><font face="Arial"><b>Bead Item #:</b>
Aqua6-5301</font></td>
<td width="34%"><font face="Arial"><b>Bead Item #:
</b>Aqua8-5301</font></td>
</tr>
<tr>
<td width="33%"><font color="#6A117F" face="Arial">(Bead Size
Enhanced)</font></td>
<td width="33%"><font color="#6A117F" face="Arial">(Bead Size
Enhanced)</font></td>
<td width="34%"><font color="#6A117F" face="Arial">(Bead Size
Enhanced)</font></td>
</tr>
<tr>
</table>
The images are compressed for the Web via Photoshop - 50 x 50 pixels each.
Should I reduce table to just 10 rows? Thanks for your help in looking at
this code, I really appreciate it. Regards, Liz
Ronx said:
As Patti said, you cannot put the definitions for the tables in a CSS
file- tables are HTML, not CSS. They way they look - that is styling -
when rendered in a browser (colours, background colour, padding and so
on) should be placed in a CSS file.
Placing 45 or more tables on a page will result in a lot of code. There
is probably a simpler way to do this - please post the code for one of
these cells.
A lot of the load time will be because you have at least 15 images,
which may not be optimised sufficiently for the web. Seeing the page
will help to check that.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
http://www.rxs-enterprises.org/fp
FrontPage Support:
http://www.frontpagemvps.com/
Patty,
Thanks for the reply. I don't have a URL, I am currently working on the
website in FrontPage. The table is 3 columns and 15 rows. This gives me 45
boxes, I placed a image to left at the top of each "box", then I have another
table nested in each "box" with 6 rows. This nested table holds information
about the "image" above. I was curious if adding the definitions of this
table in the CSS file would help cut down on the lines of code. I have a add
to cart code in each "box" as well to add the item to a shopping cart. This
page would serve as Template for others, so wanted advice before I published
and was not very stable. Thanks, Liiz
