Audrey's help with making a Layout

Site hosted by Angelfire.com: Build your free website today!

Audrey's help with making a Layout

Hey people srry if u can't follow along with this, but this is how to make a layout. ok first u'd have to go hereto choose one table and copy and paste the code into ur page, (u can put

<center>in front of it to center it.) ok it'll be small when u first get it, cuz there won't be ne thing in it yet. ok i'll use an example k. this is the second one

and the code is <table border=1 bordercolor=black cellpadding=0 cellspacing=0><tr><td>A</td><td>B</td></tr></table><br> or u can put <center> in front of it to make it look like this.

the code would look like this <center><table border=1 bordercolor=black cellpadding=0 cellspacing=0><tr><td>A</td><td>B</td></tr></table><br> where it says border=1, u can just leave that the same or change it to zero to make the lines disappear, or u can make the number bigger and the lines will go thicker. "bodercolor=black" u can change black to ne other colour. (like pink or green or something) whatever colour u want the border to be. ok "cellpadding=0" u can change that number to make the spaces bigger, but u should just keep it at zero. "cellspacing=0" u can change the spacing in between the lines but i think u'd be better off leaving it at zero. for example im going to make the lines blue. so the code would now look like this <table border=1 bordercolor=blue cellpadding=0 cellspacing=0><tr><td>A</td><td>B</td></tr></table><br> and the layout so far would look like this

(blue instead of black) ok now for this part "<tr><td>A</td><td>" ok i'm not quite sure what the <tr><td> thing is for but u need it k. when u see what u have so far, u'll see in this table an "A" on one side and on the other u'll see a "B", well thats where ur supposed to type a message or put a picture in it. ok for the "A" side, as u can see in the code <tr><td>A</td><td> there is an "A" well thats the "A" thats showing up on the layout so far (beside the "B") therefore u can erase it and type whatever u want in cluding HTML codes. and the same as the "B" side. of an example im going to take a graphic from http://www.expage.com/graphicsexpress2002 the code for the graphic is <table background=http://www.bulkfoods.com/pictures/2488.jpg width=150 height=221><tr><td></table><br> and so now my layout code would look like this <center><table border=1 bordercolor=blue cellpadding=0 cellspacing=0><tr><td><table background=http://www.bulkfoods.com/pictures/2488.jpg width=150 height=221><tr><td></table><br></td><td>B</td></tr></table><br> as u can see the graphic code is in the spot where the "A" was, this is what it looks like so far

as u can see that its bigger now. Next is the "B" part, now lets say that i wanna type stuff in there, ok so i could ether use a code for one of those scroll textarea's or i could just type it, ether way is simple. just take out the "B" in the code like u did with the "A", and type whatever u want so lets say that im going to write, "Hey, I'm Audrey, i have 6 siblings which include 2 sisters Roxie, and my twin Christina, and my bros Mark, Brad, Micheal, and Tyler. i'm 16 and go to high school around toronto bla... bla... bla...bla... bla... bla...bla... bla... bla...bla... bla... bla..." so i'd make the code like this <center><table border=1 bordercolor=blue cellpadding=0 cellspacing=0><tr><td><table background=http://www.bulkfoods.com/pictures/2488.jpg width=150 height=221><tr><td></table><br></td><td>Hey, I'm Audrey, i have 6 siblings which include 2 sisters Roxie, and my twin Christina, and my bros Mark, Brad, Micheal, and Tyler. i'm 16 and go to high school around toronto bla... bla... bla...bla... bla... bla...bla... bla... bla...bla... bla... bla...</td></tr></table><br> as u can see i just took out the "B" and put in whatever i wanted to say and this is what it would look like

Hey, I'm Audrey, i have 6 siblings which include 2 sisters Roxie, and my twin Christina, and my bros Mark, Brad, Micheal, and Tyler. i'm 16 and go to high school around toronto bla... bla... bla...bla... bla... bla...bla... bla... bla...bla... bla... bla...

or u can use the scroll code (textarea) and it'll probily look better. this is the scroll textarea code that i'm using k. (u can use HTML) <ilayer name="scroll1"> <div id="scroll3" style="width:100;height:75; background-color:COLORHERE; overflow:auto"> TEXT HTML TEXT HTML </textarea></div> **u should put <center> in front of this too** just write whatever in the part that says "TEXT HTML TEXT HTML" and as u can see in the code u can change the background color. so this is what the code would look like. <center><table border=1 bordercolor=blue cellpadding=0 cellspacing=0><tr><td><table background=http://www.bulkfoods.com/pictures/2488.jpg width=150 height=221><tr><td></table><br></td><td><center><ilayer name="scroll1"> <div id="scroll3" style="width:100;height:100; background-color:black; overflow:auto"> Hey, I'm Audrey, i have 6 siblings which include 2 sisters Roxie, and my twin Christina, and my bros Mark, Brad, Micheal, and Tyler. i'm 16 and go to high school around toronto bla... bla... bla...bla... bla... bla...bla... bla... bla...bla... bla... bla... </textarea></div></td></tr></table><br> as u can see i changed the background colour to black, and u can change the width and height too. this is what it looks like

and thats pretty much it, u can use other HTML codes to make it more appealing, but these are just the basics. if u want some codes, like scroll bars, and backgrounds, ne thing, just go to http://expage.com/sparkle2001 she has everything lol and she's put alot of work into her site to help. srry if i couldn;t explain it very well.

Mandy'z Muzic

Main Page