Page screws up

admin · Jan 9, 2008

I've put together a basic page at <a class="postlink" href="http://www.freewebz.com/revert/itc_home.htm">http://www.freewebz.com/revert/itc_home.htm</a> for reference. In the white space where i add content, if this space stretches due to inserting too much text, all my graphics leave gaps behind either vertically or horizontally. Can anyone show me some coding or offer a few pointers on the correct way to avoid this? Thanks for any help.ive just opened your page and looked at the source and your main td is stretchable, ive putten a table around it so it wont stretch up. 
 
here's the code: 
 
<html> 
<head> 
<title>Untitled Document</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<LINK REL=STYLESHEET TYPE="text/css" HREF=http://www.htmlforums.com/archive/index.php/"itc-style.css"> 
</head> 
 
<body bgcolor="#FFFFFF" text="#000000"> 
<table width="760" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td colspan="4" height="95" valign="top"> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="logo.jpg"> 
<tr> 
<td width="281" height="5"></td> 
<td width="404"></td> 
<td width="66"></td> 
<td width="9"></td> 
</tr> 
<tr> 
<td height="62"></td> 
<td valign="top" colspan="2"><img src=http://www.htmlforums.com/archive/index.php/"tplus-banner.gif" width="468" height="60"></td> 
<td></td> 
</tr> 
<tr> 
<td height="9"></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 
<tr> 
<td height="19"></td> 
<td valign="top">Home ?lt;/font>About 
us ?lt;/font> Advertise ?lt;/font> Contact 
Us ?lt;/font> Disclaimer ?lt;/font> Links</td> 
<td></td> 
<td></td> 
</tr> 
</table> 
</td> 
</tr> 
<tr> 
<td width="150" rowspan="4" valign="top"> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="navbar.jpg" bgcolor="6079A5"> 
<tr> 
<td width="150" height="455"></td> 
</tr> 
</table> 
</td> 
<td width="20" height="22" valign="top"><img src=http://www.htmlforums.com/archive/index.php/"topcorner.jpg" width="16" height="15"></td> 
<td width="569" rowspan="3" valign="top"> 
<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td width="569" height="456" valign="top"> 
 
We are updating our site! Join now and visit often! 
We can stream your audition/demo tape. View aSample video.(Requires 
QuickTime Player) 
We are a new movie resource, with a growing database for film makers, 
producers, production companies, actors, cast and crew and people 
who want to get involved in making movies. 
We offer a service that allows actors and crew to post personal 
information, resumes, photographs and demo tapes for movie producers 
to search our database to locate their cast and crew needs. You 
can search for the latest movie auditions and casting calls or browse 
the classifieds for movie related equipment 
The CHAT ROOM is now open. Talk to people with the same interests 
as you... getting InTheCredits. Get in now while the room is new 
to receive the most efficient networking possible. 
 
 
 
 
 
 
 
 
 
 
</td> 
</tr> 
</table> 
</td> 
<td width="21"></td> 
</tr> 
<tr> 
<td valign="top" height="400"> </td> 
<td></td> 
</tr> 
<tr> 
<td height="34" valign="top"><img src=http://www.htmlforums.com/archive/index.php/"bottomcorner.jpg" width="16" height="15"></td> 
<td></td> 
</tr> 
<tr> 
<td valign="top" height="18" colspan="3"> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="lwrbar.jpg"> 
<tr> 
<td width="610" height="18"></td> 
</tr> 
</table> 
</td> 
</tr> 
</table> 
</body> 
</html>Thanks for your help. What parts of the code did you change? I don't really see. I need to take a look as it didin't quite work right, through my bottle table out of place. Thanks.open in dw and you see a green edge around yer center td, thats what they call a tableyeah, i just pasted some text in there to test it and it just stretched like before?so set the tablewidth to a number instead of a percentage. 
 
by the way, if your doing html why dont you go learn it first. 
there a like a zillion ways to learn html in like 4 hours ( if you read on

) 
its just the only sensible advise i can give you, simply drawing a layout in dw4 wont do after a while anymore. 
I remember myself in your situation, i was dropping a post for every f** piece of code i changed. 
 
If you learn the basics about html ( tables ) your halfway there, in the end most pages print html even hyper php sites and other serverside script driven sites. 
 
ok listen 1 tiny advise. 
 
Like you have a page: 
<html> 
<head> 
<title>blahy</title> 
</head> 
<body> 
 
and now your going to want some tables in it to have a nice layout. 
 
lets start off with starting a table 
 
a table starting tag is <table> and you can define the propertys of the tables in that same tag. 
 
Like take the width: 
<table width="300"> 
 
this will make the table 300 pix width 
 
if you work with % it works like this: 
<table width="100%"> 
 
this makes the table width grow to a 100% of the whole page, so if your resolution is 1024 x 768 or something it will be that width. 
 
This any good?Thanks, i do have it like i want now. I actually do have some html experience though i haven't been designing for over a year now and to be honest i've forgotton a lot of it.

Page screws up

admin

Administrator