CSS Table Question

Guest · Jul 16, 2007

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@tty Ayers · Jul 16, 2007

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?

Guest · Jul 16, 2007

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

Ronx · Jul 17, 2007

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

Guest · Jul 17, 2007

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">
$ .45 (Package of 6) </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">
$ .95 (Package of 6)</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">
$ .28 ( Each)</td>
</tr>
<tr>
<td width="33%">Color:
Aquamarine</td>
<td width="33%">Color:
Aquamarine</td>
<td width="34%">Color:
Aquamarine</td>
</tr>
<tr>
<td width="33%">Size: 4 mm </td>
<td width="33%">Size: 6 mm </td>
<td width="34%">Size: 8 mm - (1 per
Package)</td>
</tr>
<tr>
<td width="33%">Style: 5301 Faceted
Bicone</td>
<td width="33%">Style: 5301 Faceted
Bicone</td>
<td width="34%">Style: 5301 Faceted
Bicone</td>
</tr>
<tr>
<td width="33%">Origin:
Austria</td>
<td width="33%">Origin:
Austria</td>
<td width="34%">Origin:
Austria</td>
</tr>
<tr>
<td width="33%">Bead Item
#:Aqua4-5301</td>
<td width="33%">Bead Item #:
Aqua6-5301</td>
<td width="34%">Bead Item #:
Aqua8-5301</td>
</tr>
<tr>
<td width="33%">(Bead Size
Enhanced)</td>
<td width="33%">(Bead Size
Enhanced)</td>
<td width="34%">(Bead Size
Enhanced)</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

Click to expand...

ANONYMOUS · Jul 17, 2007

You will be able save a lot of time with CSS with regard to formatting
and all that. I suggest have a look here:

http://www.w3schools.com/css/css_table.asp

Hope this proves useful.

Guest · Jul 18, 2007

Thanks for the GREAT LINK - Liz

ANONYMOUS said:
You will be able save a lot of time with CSS with regard to formatting
and all that. I suggest have a look here:

http://www.w3schools.com/css/css_table.asp

Hope this proves useful.

problem with repeating css graphic	3	Oct 28, 2009
CSS table question	1	Apr 23, 2007
css page problems	2	Oct 21, 2009
css background image	10	Jan 9, 2007
print friendly .CSS	3	May 12, 2005
CSS	2	Jan 24, 2008
CSS errors	2	Jan 30, 2008
Tables set in CSS are collapsing	16	Nov 1, 2005

CSS Table Question

Guest

P@tty Ayers

Guest

Ronx

Guest

ANONYMOUS

Guest

Ask a Question

Similar Threads