Forum: web design and graphics community

Celestial Star Forum > Web Development > Coding > help with table layouts...

Pages: [1]

« previous next »

Author

Topic: help with table layouts... (Read 1478 times)

Maura_Hiyume

Angeling

Posts: 3

help with table layouts...

« on: August 26, 2006, 05:34:53 AM »

I need help, my background and everything is repeating fine. I don't know why but the table won't stretch like it suppose to. Please help me. Thanks!

Here's the code:

Code:

<html>
<head>
<title>~Acquiescence: The Essence of Destiny~</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK REL=stylesheet HREF="cherryblossomv2.css" TYPE="text/css">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="750" background="background.jpg" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td colspan="6">
<img src="images/Cherry-Blossom-v2_01.jpg" width="1000" height="108" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/Cherry-Blossom-v2_02.jpg" width="1000" height="108" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/Cherry-Blossom-v2_03.jpg" width="1000" height="108" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Cherry-Blossom-v2_04.jpg" width="523" height="31" alt=""></td>
<td rowspan="2" width=221 height=398 valign="top" style="background:url('images/Cherry-Blossom-v2_05.jpg') no-repeat;padding-left:5;padding-bottom:5;padding-right:5"><p class=head style="width:200px">about the layout</p></TD>
<td colspan="2" rowspan="2">
<img src="images/Cherry-Blossom-v2_06.jpg" width="256" height="398" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Cherry-Blossom-v2_07.jpg" width="48" height="367" alt=""></td>
<td width=441 height=367 valign="top" style="background:url('images/Cherry-Blossom-v2_08.jpg') no-repeat;padding-left:5;padding-bottom:5;padding-right:5"><p class=head style="width:420px">about the layout</p></td>
<td>
<img src="images/Cherry-Blossom-v2_09.jpg" width="34" height="367" alt=""></td>
</tr>
<tr>
<td style="background:url('images/Cherry-Blossom-v2_10.jpg') no-repeat;" width="890" height="20" colspan="5">
<td>
<img src="images/Cherry-Blossom-v2_11.jpg" width="110" height="20" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="48" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="441" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="221" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="146" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="110" height="1" alt=""></td>
</tr>
</table>

</body>
</html>


	Logged

img]http://img.photobucket.com/albums/v136/Angelfire_lover/Izume-Ryuketsu.gif[/img]

Lily

Skogul

Posts: 47

help with table layouts...

« Reply #1 on: August 26, 2006, 11:47:25 AM »

what do you mean by stretch? like height or width? you have width="750" so it won't go any further than that 750.


	Logged

Digital Lavender x ABC Board x Self-Assured

Blackstone

Administrator
Valkyrie Randgris

Posts: 821

Oh look! People!

help with table layouts...

« Reply #2 on: August 26, 2006, 12:03:54 PM »

Can you gives us a screenshot or a link to this layout to let us see your problem? That would help a lot. =)


	Logged

Hikari

Solace

Posts: 140

help with table layouts...

« Reply #3 on: August 26, 2006, 01:10:42 PM »

in:

Code:

<td rowspan="2" width=221 height=398 valign="top" style="background:url('images/Cherry-Blossom-v2_05.jpg') no-repeat;padding-left:5;padding-bottom:5;padding-right:5"><p class=head style="width:200px">about the layout</p></TD>

and

Code:

<td width=441 height=367 valign="top" style="background:url('images/Cherry-Blossom-v2_08.jpg') no-repeat;padding-left:5;padding-bottom:5;padding-right:5"><p class=head style="width:420px">about the layout</p></td>

you need to take off the "height=###" otherwise the table won't stretch down with the content

i think that's it^^;;; (lol, just guessing xD)


	Logged

ReverieLied[dot]NET-Listen to the Melody of ART
~Hikari

Blackstone

Administrator
Valkyrie Randgris

Posts: 821

Oh look! People!

help with table layouts...

« Reply #4 on: August 26, 2006, 01:20:10 PM »

Actually, all my table layouts have heights in them, they still stretch. =) No, it's not the height attribute...


	Logged

Hikari

Solace

Posts: 140

help with table layouts...

« Reply #5 on: August 26, 2006, 01:29:02 PM »

really? it never seems to work when i have it there

;; xD (tables hate me rawr xD)


	Logged

ReverieLied[dot]NET-Listen to the Melody of ART
~Hikari

Maura_Hiyume

Angeling

Posts: 3

help with table layouts...

« Reply #6 on: August 26, 2006, 08:56:36 PM »

Here's the
link
whenever i add some text, the table just get messed up...


	Logged

img]http://img.photobucket.com/albums/v136/Angelfire_lover/Izume-Ryuketsu.gif[/img]

Blackstone

Administrator
Valkyrie Randgris

Posts: 821

Oh look! People!

help with table layouts...

« Reply #7 on: August 27, 2006, 12:04:49 AM »

The only things that look messed up to me in that screen shot are the two images that fade out beside the content. If you add a 'valign="top"' to the <td> tags that those are in, it should fix that problem.


	Logged

Maura_Hiyume

Angeling

Posts: 3

help with table layouts...

« Reply #8 on: August 27, 2006, 02:59:34 AM »

Thanks a lot!!! It's working fine now. :D


	Logged

img]http://img.photobucket.com/albums/v136/Angelfire_lover/Izume-Ryuketsu.gif[/img]

Lily

Skogul

Posts: 47

help with table layouts...

« Reply #9 on: August 27, 2006, 10:09:29 AM »

when i put the height attribute.. everything gets messed up because it doesn't stretch. but then again i have like thousands and thousands of tables on one page itself. lol i need to get rid of tables. that's why i don't put in the height attribute. the width i do though.


	Logged

Digital Lavender x ABC Board x Self-Assured

Blackstone

Administrator
Valkyrie Randgris

Posts: 821

Oh look! People!

help with table layouts...

« Reply #10 on: August 27, 2006, 12:46:43 PM »

Quote from: "Maura_Hiyume"

Thanks a lot!!! It's working fine now. :D

Great! =D

Lily... hmm, that's strange. From my experiance, the height attribute is annoying (because it doesn't work like the width does, it won't go one-hundred percent and cover the whole screen), but it also doesn't prevent tables from expanding like the height does... O.o Strange...


	Logged

Lily

Skogul

Posts: 47

help with table layouts...

« Reply #11 on: August 27, 2006, 09:35:31 PM »

well.. height like never expands for me.. maybe it's because you put the height as 100% instead of an actual number? that could be why. I mean if it expands then whats the point of the height attribute?


	Logged

Digital Lavender x ABC Board x Self-Assured

Blackstone

Administrator
Valkyrie Randgris

Posts: 821

Oh look! People!

help with table layouts...

« Reply #12 on: August 27, 2006, 10:07:22 PM »

Nope... I only rarely use 100% height, becuase it will never work the way I want it to. When I use my image slicer in PaintShop Pro, it automatically sets the height attribute and I don't have to take it off for it to work. O.o


	Logged

Lily

Skogul

Posts: 47

help with table layouts...

« Reply #13 on: August 29, 2006, 10:29:23 PM »

wow that's really weird. well i wouldn't know because i really suck in paintshoppro. but i think height is surppose to be strict or it wouldn't have a point to it right? i donno.. but blackstone your tables work for me all the time so yea.


	Logged

Digital Lavender x ABC Board x Self-Assured

Pages: [1]

« previous next »

Jump to:

Forum: web design and graphics community

General

Art boards

Web development

Off-topic