Table Troubles [Archive] - CodingForums.com

oracleguy

08-15-2002, 08:16 AM

Okay I'm working on a this page design here and I have run into a problem. I sliced the image up so that it left an area that could be repeated and not look funny. I did that for vertically and horizontally.

I got the horizontal auto strech to work fine but I can't get the vertical one to work right.

Here is the page with text in it that is longer than the image was initially: http://www.kurannet.com/Storage/template.html

And here the page without any text (the way it should look): http://www.kurannet.com/Storage/template1-b.html

I tried messing around with CSS to get it work but wasn't able to.

The vertical image that should repeat is the one that is second from the bottom on the left side.

Any ideas?

Thanks in advance.

allison

08-15-2002, 03:28 PM

hey oracleguy

here is your code (notice all the break tags I put in that cell that you want to expand)then you can insert your content :p

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>Template</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0 MARGINHEIGHT="0" MARGINWIDTH="0">
<TABLE style="HEIGHT: auto" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD colSpan=3><IMG height=75 alt="" src="Template_files/template_01.jpg"
width=157></TD>
<TD><IMG height=75 alt="" src="Template_files/template_02.jpg"
width=219></TD>
<TD><IMG height=75 alt="" src="Template_files/template_03.jpg"
width=246></TD>
<TD width="100%" background=Template_files/template_04.jpg>  </TD>
<TD><IMG height=75 alt="" src="Template_files/template_05.jpg"
width=92></TD></TR>
<TR>
<TD colSpan=2><IMG height=13 alt="" src="Template_files/template_06.jpg"
width=142></TD>
<TD vAlign=top colSpan=5 rowSpan=11>
fgfg
fgfg
f
g
f
g
fg
f
g
f
g
fg
f
g
fg
f
g
f
gf
g
fg
fg
fg
gfg
f
gg
fg
f 
</TD>
</TR>
<TR>
<TD><IMG height=21 alt="" src="Template_files/template_08.jpg"
width=106></TD>
<TD rowSpan=7><IMG height=132 alt="" src="Template_files/template_09.jpg"
width=36 valign="top"></TD></TR>
<TR>
<TD><IMG height=18 alt="" src="Template_files/template_10.jpg"
width=106></TD></TR>
<TR>
<TD><IMG height=17 alt="" src="Template_files/template_11.jpg"
width=106></TD></TR>
<TR>
<TD><IMG height=17 alt="" src="Template_files/template_12.jpg"
width=106></TD></TR>
<TR>
<TD><IMG height=17 alt="" src="Template_files/template_13.jpg"
width=106></TD></TR>
<TR>
<TD><IMG height=22 alt="" src="Template_files/template_14.jpg"
width=106></TD></TR>
<TR>
<TD><IMG height=20 alt="" src="Template_files/template_15.jpg"
width=106></TD></TR>
<TR>
<TD colSpan=2><IMG height=67 alt="" src="Template_files/template_16.jpg"
width=142></TD></TR>
<TR>
<TD background=Template_files/template_17.jpg colSpan=2> 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</TD>
</TR>
<TR>
<TD colSpan=2><IMG height=230 alt="" src="Template_files/template_18.jpg"
width=142 useMap=#Map border=0></TD></TR>
<TR>
<TD><IMG height=1 alt="" src="Template_files/spacer.gif" width=106></TD>
<TD><IMG height=1 alt="" src="Template_files/spacer.gif" width=36></TD>
<TD><IMG height=1 alt="" src="Template_files/spacer.gif" width=15></TD>
<TD><IMG height=1 alt="" src="Template_files/spacer.gif" width=219></TD>
<TD><IMG height=1 alt="" src="Template_files/spacer.gif" width=246></TD>
<TD><IMG height=1 alt="" src="Template_files/spacer.gif" width=46></TD>
<TD><IMG height=1 alt="" src="Template_files/spacer.gif" width=92></TD></TR>
<TR>
<TD height=1><IMG height=1 src="" width=106></TD>
<TD><IMG height=1 src="" width=36></TD>
<TD><IMG height=1 src="" width=15></TD>
<TD><IMG height=1 src="" width=219></TD>
<TD><IMG height=1 src="" width=246></TD>
<TD></TD>
<TD><IMG height=1 src="" width=92></TD></TR></TBODY></TABLE><MAP
name=Map><AREA shape=RECT coords=9,192,107,208
href="http://www.kurannet.com/Storage/cplogin.asp"></MAP></BODY></HTML>

hope this helps

A.

allison

08-15-2002, 03:33 PM

I tested it in IE6 anr NN4.7 (both work fine)

oracleguy

08-15-2002, 06:29 PM

Thanks allison.

That method does work but what I forgot to state before is that the site content is all going to be database driven. So does anyone know a way i can solve this problem so that no matter the page length, that image will tile?

KevinG

08-15-2002, 09:55 PM

In the curve tile a straight panel in and make that expand and contract depending on page size. let the top and bottom of the curve stay static.

KevinG

08-15-2002, 09:59 PM

Then maybe you could cut the page and make a header and footer.

oracleguy

08-15-2002, 10:07 PM

Originally posted by KevinG
In the curve tile a straight panel in and make that expand and contract depending on page size. let the top and bottom of the curve stay static.

thats what i'm trying to do. I can't get the top and bottom to stay static and have the peice second from the bottom, image 17, to tile. Other than the way allison pointed out but that won't work because all the content is dynamic so i'm trying to figure out if there is some automatic way to do this.

KevinG

08-15-2002, 10:36 PM

I just taken a quick look and to do what you want you need to set your main table height to 100%. Also your

oracleguy

08-15-2002, 11:35 PM

Yeah i tried that but the height argument on the table tag doesn't work as of W3C 3.2 You're supposed to use CSS to do it but the CSS height argument doesn't work with percentages.

KevinG

08-15-2002, 11:41 PM

Geesus your testing both sides of my brain tonight.

I wrote a big long message earlier, then my pc blue screened itself :mad:

DanHibiki

08-16-2002, 03:32 PM

I would recommend "recutting" your images.
http://kpdk.com/save/cutup.gif