|
View Full Version : I want to make tables fill my page! Devil Maud 01-04-2003, 10:07 PM Ok I want a page where the tables fill it. How do you do that? I hear a lot about percentages do those effect it? And how do you change them? And how do you align your tables? I'd like to make tables like this http://www.daydreamgraphics.com/graphics/view/1/497 Pretty huh? :: drools :: So yeah I'm a totall newbie to this. LadyCrow 01-04-2003, 11:34 PM By fill you you mean up and down? You could set a table height to 100% <table height=100%> i think -sl* aligning goes like this <table align=left> (center or right) Devil Maud 01-05-2003, 06:49 PM Great! Thanx a lot I'm going to try that. What does sl stand for? LadyCrow 01-05-2003, 06:53 PM small/slight laugh Devil Maud 01-05-2003, 08:22 PM I did somthing wrong. Here's the site: http://www.angelfire.com/jazz/devilmaud/test.html And here's the html I used. <HTML> <HEAD> <TITLE>My site....</TITLE> </HEAD> <BODY> <table border="1"> <tr> <td><table height=100%><width=50%>Cell1</td> <td><table height=100%><width=50%>Cell2</td> </tr> </table> </BODY> </HTML> What did I do wrong? LadyCrow 01-05-2003, 09:05 PM Originally posted by Devil Maud I did somthing wrong. Here's the site: http://www.angelfire.com/jazz/devilmaud/test.html And here's the html I used. <HTML> <HEAD> <TITLE>My site....</TITLE> </HEAD> <BODY> <table border="1"> <tr> <td><table height=100%><width=50%>Cell1</td> <td><table height=100%><width=50%>Cell2</td> </tr> </table> </BODY> </HTML> What did I do wrong? e'gads a basic table is <table><tr><td>stuff here</td></tr></table> youre fine until <table height=100%> that's like saying you want another table inside that cell, which you don't you want your <table border="1" height="100%"> and then just <tr><td>cell 1</td> cell 2 </td></tr></table> Devil Maud 01-06-2003, 07:05 PM Thankyou! Now I want to make the rows different sizes like this: Ok now I know this html is stolen (it's just a test and to help explain somthing I'm not going to keep for my own. ohnest. 0-0) http://www.angelfire.com/jazz/devilmaud/test.html Here's the html: <HTML> <HEAD> <TITLE>Testing....</TITLE> </HEAD> <BODY> <table border="1" height=100% width=100% align=center cellspacing="0"> <tr> <td bgcolor="#00CCFF">row 1</td> <td bgcolor="#FFFF00" rowspan=3>rows 1-3</td> <td bgcolor="#CC00FF">row 1</td> <td bgcolor="#00FF00">row 1</td> </tr> <tr> <td bgcolor="#00FF00">row 2</TD><td bgcolor="#00FF00" rowspan=2>rows 2-3</td> <td bgcolor="#00CCFF">row 2</td> </tr> <tr> <td bgcolor="#ff33cc">row 3</td> <td bgcolor="#ff33cc">row 3</td> </tr> </table> </BODY> </HTML> I understand the hight and the width and the align now, (Thanx^^) but I don't understand the placement of the rows. How do I dictate the difference between horizontal or vertical length? I see the rowspan but how does that affect it? LadyCrow 01-07-2003, 12:37 AM Originally posted by Devil Maud Thankyou! Now I want to make the rows different sizes like this: Ok now I know this html is stolen (it's just a test and to help explain somthing I'm not going to keep for my own. ohnest. 0-0) http://www.angelfire.com/jazz/devilmaud/test.html Here's the html: <HTML> <HEAD> <TITLE>Testing....</TITLE> </HEAD> <BODY> <table border="1" height=100% width=100% align=center cellspacing="0"> <tr> <td bgcolor="#00CCFF">row 1</td> <td bgcolor="#FFFF00" rowspan=3>rows 1-3</td> <td bgcolor="#CC00FF">row 1</td> <td bgcolor="#00FF00">row 1</td> </tr> <tr> <td bgcolor="#00FF00">row 2</TD><td bgcolor="#00FF00" rowspan=2>rows 2-3</td> <td bgcolor="#00CCFF">row 2</td> </tr> <tr> <td bgcolor="#ff33cc">row 3</td> <td bgcolor="#ff33cc">row 3</td> </tr> </table> </BODY> </HTML> I understand the hight and the width and the align now, (Thanx^^) but I don't understand the placement of the rows. How do I dictate the difference between horizontal or vertical length? I see the rowspan but how does that affect it? wow, this is something ive never touched but when i look at it i understand it the first -light blue- cell is 'normal' the second -yellow- cell has a row span of 3 meaning it goes down 3 rows cells -purple- 3 and -green- 4 are 'normal' as is cell -green- 5 cell -green- 6 has a height (rowspan) of 2 rows cell 7 -light blue- and cell 8 -pink- are normal cell 9 -pink- is normal Devil Maud 01-10-2003, 06:20 PM Thanks for all your' help. Andyman 01-15-2003, 09:39 PM I understand how filling the table up and down works, but what about left and right? My table is basically a rectangle in the middle of the page, but I want it to be more like Lissa's website. My Page: http://oikiosk.cjb.net/main.html You can still see the original background to the left and right, how do I cover it up? LadyCrow 01-15-2003, 09:48 PM table width=100% btw.. a cjb is just redirecting.. so you should never have anything.html after it because it automatically takes you to your front page no where else Andyman 01-15-2003, 10:20 PM Oh yeah, I forgot about that, it should've been http://oikiosk.tripod.com/main.html, sorry about that :/ and thanks! Andyman 01-16-2003, 01:03 AM Oi, there's still a small space next to the tables, it just can't seem to fill the page... :( ------ I've found the solution! I just had to add a leftmargin="0" marginwidth="0" marginheight="0" and more margin tags and..Voila! No more spaces! :) |