Forum: web design and graphics community

Show Posts
Pages: [1]

1	Art Boards / Celestial Star Tutorials / Re: Table layout (Div style)	on: October 10, 2007, 09:07:15 PM
I'm having a problem and unfortunately I probably won't get the help in time, but I guess I can try anyway. I'm making a website on dreamweaver for school and I did as you said and just copy and pasted the notepad html into dreamweaver. Everything was going fine, until I added the content part. The content started far to low on the content area than wanted, so I tried the padding-top:0px thing which didn't do anything; it remained in the same area. Then as I expanded the content I noticed it was moving upwards to it's designated place as more was added so I figured the problem was solved. Unfortunately once a certain amount of content was added it just overlapped the table and messed it all up (especially at the bottom where it did not repeat the background; I couldn't get a screenshot of this for some reason though). I can give you the coding, and an image of what happened. Sadly, I can not upload the page it's on because it's all saved on my hard drive and the images aren't uploaded. The project is due tomorrow but I guess I'll have to just hand it in with this problem if I can't get help tonight. Thank you in advance, and here is the info. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Reload</title> </head> <BODY BGCOLOR=#023162 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <div align="center"> <TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0 style="border: 1px solid #00132B"; background: url(Images/tablebg.jpg)";> <TR> <TD COLSPAN=4> <img src="Images/Header.jpg" width="800" height="248" /></TD> </TR> <TR> <TD> <img src="Images/Navigation.jpg" width="83" height="352" /></TD> <TD> <img src="Images/Sideleft.jpg" width="58" height="352" /></TD> <TD width="560" style="background:url(Images/Content.jpg) no-repeat;"> Your content here Your content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content heYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content here </TD> <TD> <img src="Images/Sideright.jpg" width="99" height="352" /></TD> </TR> </TABLE> </div> </BODY> </html>

Pages: [1]