CSS Table Question

L

Liz Bradley

Hello,
I purchased a template for FrontPage2002. It has a 2 column x 2 row table
in it with the code in CSS. I don't know CSS. So...I created the table I
needed by inserting the table but not using CSS. Well, I have 1,641 lines of
Code. YIKES! By putting the parameters in CSS will it help decrease the code
so the page wil load faster? It loads at 83 seconds on 28.8 modem. The table
I created is 3 columns x 15 rows. I have my image to the left in each column
and row with a nested table of 6 rows below the image ( to hold details about
the image)
Is this possible in CSS?
Thanks, Liz
 
P

P@tty Ayers

Liz Bradley said:
Hello,
I purchased a template for FrontPage2002. It has a 2 column x 2 row table
in it with the code in CSS. I don't know CSS. So...I created the table I
needed by inserting the table but not using CSS. Well, I have 1,641 lines
of
Code. YIKES! By putting the parameters in CSS will it help decrease the
code
so the page wil load faster? It loads at 83 seconds on 28.8 modem. The
table
I created is 3 columns x 15 rows. I have my image to the left in each
column
and row with a nested table of 6 rows below the image ( to hold details
about
the image)
Is this possible in CSS?

CSS doesn't create tables - it just styles them.

There's something drastically wrong if you came up with 1,641 lines of code
for a 3 x 15 table. Can you post a URL?
 
L

Liz Bradley

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
 
R

Ronx

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
 
L

Liz Bradley

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
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top