I'm having alot of trouble with tables and images on the new layout for my sk8boarding site. I have a border around it wich uses images wich I have created, but i can't seem to get the right side to line up right! I also want to have the content go inside the border, but I can't seem to do that either!!!<br />
<br />
SITE BEST VIEWED WITH 800x600<br />
<br />
It can be viewed here: <!-- m --><a class="postlink" href="http://www.freewebs.com/sk8freek">http://www.freewebs.com/sk8freek</a><!-- m --><br />
<br />
Or you could Download <!--more--> the attachment wich contains the files used in the site template...not large.<!--content-->let's have a look at your source...<br />
<br />
12221 know what that means? that means that in your first and last table rows (<TR>), you've got one data cell (<TD>); in all the rest, there are two cells.<br />
in every cell where you have a <DIV> tag, they are nested improperly. specifically, the end tag (</DIV>) comes AFTER the </TD> tag, when it SHOULD be BEFORE the </TD> tag.<br />
the <FONT><STRONG><B> tags are also nested improperly. i don't think these will have an effect on the text inside the table anyway, but you should think of nested tags as "outside, middle, inside." instead of <br />
<FONT><STRONG><B> (text) </FONT></STRONG></B><br />
you should have<br />
<FONT><STRONG><B> (text) </B></STRONG></FONT><br />
think of it like this (these aren't real tags):<br />
<1><2><3> (text) </3></2></1><br />
no reason to have a <TD COLSPAN=0>. but think about using COLSPAN for your first and last table rows.<br />
at the end, you've got two </BODY></HTML> sets.<br />
<br />
hope that helps!<!--content-->here's a cleaned up version of your code. i removed the meta tags, too, just to make it easier for myself to read.<!--content-->Had a look at your 2nd code posting... I agree with your first post trans but spaz needs to look at the width function of his tables more than anything and what he is going to put in the middle.<br />
<br />
Spaz I have had a look at your images sizes and you will need to look at your right border image again. Also the center section of your table is missing, you need 3 rows. Ie the:<br />
top image - left image - right image (widths) = center scetion width.<br />
<br />
I have done this for you in the follow code. But as you will see your right border image is all wrong. The code isn't I promise. If you want me to whip you together some nice images and text for your title let me know. Would be happy to help you. Would only take a few minutes anyway.<br />
<br />
Have a look, hope the code makes sense.<br />
<br />
Buy Web design in a nutshell- the bible for me, by O'Rielly (publisher) Jennifer Niederst (Author) ?1.00 in the UK.<!--content--><table border=0 cellpadding=0 cellspacing=0 bgcolor="black"><br />
<tr><br />
<td colspan=3 width="737"><a href=http://www.htmlforums.com/archive/index.php/"index.html"><img src="title.jpg" border="0"></a></td><br />
</tr><br />
<tr><br />
<td width="30"><img src=http://www.htmlforums.com/archive/index.php/"left.jpg"><br><img src="left.jpg"><br><img src="left.jpg"></td><br />
<td width="667">Your Main Text Goes here</td><br />
<td width="40"><img src=http://www.htmlforums.com/archive/index.php/"right.jpg"><br><img src="right.jpg"><br><img src="right.jpg"></td><br />
</tr><br />
<tr><br />
<td colspan=3 width="737"><img src=http://www.htmlforums.com/archive/index.php/"bottom.jpg"></td></tr><br />
</tr><br />
</table><!--content-->Thanx!<br />
<br />
Entimp: the right still doesn't line up that way<br />
<br />
Transmortha: It lined up properly, but how do I put my contnet inside?<!--content-->ok I haven't looked at teh source but from what you are saying is that you have 1 cell with the images for the border? I would make the border form 2 tables and that way you don't have to use images for the border. and the nested table border will work in NS4.xx. but that is my opinion<!--content-->I want to use the images though. I just want to find out how to put stuff in the middle without screwing up the border.<!--content-->ok from what you have right now on the site you need to add another cell in the middle. and you will need to take out half of what you got. so try this<br />
<br />
<br />
<table width=100% height=10% border=3 cellpadding=0 cellspacing=0 bgcolor="black"><br />
<tr><br />
<td colspan=3><a href=http://www.htmlforums.com/archive/index.php/"index.html"><img src="title.jpg" border="0"></a></td><br />
</tr><br />
<tr><br />
<td align="left" height="100%" width="30"><img src=http://www.htmlforums.com/archive/index.php/"left.jpg" width="30"></td><br />
<td width="90%"><div> content in here</div></td><br />
<td align="right" height="100%" width="30"><img src=http://www.htmlforums.com/archive/index.php/"right.jpg" width="30"></td><br />
<br />
<tr><br />
<td colspan=3><img src=http://www.htmlforums.com/archive/index.php/"bottom.jpg"></td><br />
</tr><br />
<br />
</table><br />
<br />
and the reason you can't get the right image to line up is because you have to make it the oposite of the left image. so the bar is on the right instead of the left.<!--content-->Thanx!!!<!--content-->
<br />
SITE BEST VIEWED WITH 800x600<br />
<br />
It can be viewed here: <!-- m --><a class="postlink" href="http://www.freewebs.com/sk8freek">http://www.freewebs.com/sk8freek</a><!-- m --><br />
<br />
Or you could Download <!--more--> the attachment wich contains the files used in the site template...not large.<!--content-->let's have a look at your source...<br />
<br />
12221 know what that means? that means that in your first and last table rows (<TR>), you've got one data cell (<TD>); in all the rest, there are two cells.<br />
in every cell where you have a <DIV> tag, they are nested improperly. specifically, the end tag (</DIV>) comes AFTER the </TD> tag, when it SHOULD be BEFORE the </TD> tag.<br />
the <FONT><STRONG><B> tags are also nested improperly. i don't think these will have an effect on the text inside the table anyway, but you should think of nested tags as "outside, middle, inside." instead of <br />
<FONT><STRONG><B> (text) </FONT></STRONG></B><br />
you should have<br />
<FONT><STRONG><B> (text) </B></STRONG></FONT><br />
think of it like this (these aren't real tags):<br />
<1><2><3> (text) </3></2></1><br />
no reason to have a <TD COLSPAN=0>. but think about using COLSPAN for your first and last table rows.<br />
at the end, you've got two </BODY></HTML> sets.<br />
<br />
hope that helps!<!--content-->here's a cleaned up version of your code. i removed the meta tags, too, just to make it easier for myself to read.<!--content-->Had a look at your 2nd code posting... I agree with your first post trans but spaz needs to look at the width function of his tables more than anything and what he is going to put in the middle.<br />
<br />
Spaz I have had a look at your images sizes and you will need to look at your right border image again. Also the center section of your table is missing, you need 3 rows. Ie the:<br />
top image - left image - right image (widths) = center scetion width.<br />
<br />
I have done this for you in the follow code. But as you will see your right border image is all wrong. The code isn't I promise. If you want me to whip you together some nice images and text for your title let me know. Would be happy to help you. Would only take a few minutes anyway.<br />
<br />
Have a look, hope the code makes sense.<br />
<br />
Buy Web design in a nutshell- the bible for me, by O'Rielly (publisher) Jennifer Niederst (Author) ?1.00 in the UK.<!--content--><table border=0 cellpadding=0 cellspacing=0 bgcolor="black"><br />
<tr><br />
<td colspan=3 width="737"><a href=http://www.htmlforums.com/archive/index.php/"index.html"><img src="title.jpg" border="0"></a></td><br />
</tr><br />
<tr><br />
<td width="30"><img src=http://www.htmlforums.com/archive/index.php/"left.jpg"><br><img src="left.jpg"><br><img src="left.jpg"></td><br />
<td width="667">Your Main Text Goes here</td><br />
<td width="40"><img src=http://www.htmlforums.com/archive/index.php/"right.jpg"><br><img src="right.jpg"><br><img src="right.jpg"></td><br />
</tr><br />
<tr><br />
<td colspan=3 width="737"><img src=http://www.htmlforums.com/archive/index.php/"bottom.jpg"></td></tr><br />
</tr><br />
</table><!--content-->Thanx!<br />
<br />
Entimp: the right still doesn't line up that way<br />
<br />
Transmortha: It lined up properly, but how do I put my contnet inside?<!--content-->ok I haven't looked at teh source but from what you are saying is that you have 1 cell with the images for the border? I would make the border form 2 tables and that way you don't have to use images for the border. and the nested table border will work in NS4.xx. but that is my opinion<!--content-->I want to use the images though. I just want to find out how to put stuff in the middle without screwing up the border.<!--content-->ok from what you have right now on the site you need to add another cell in the middle. and you will need to take out half of what you got. so try this<br />
<br />
<br />
<table width=100% height=10% border=3 cellpadding=0 cellspacing=0 bgcolor="black"><br />
<tr><br />
<td colspan=3><a href=http://www.htmlforums.com/archive/index.php/"index.html"><img src="title.jpg" border="0"></a></td><br />
</tr><br />
<tr><br />
<td align="left" height="100%" width="30"><img src=http://www.htmlforums.com/archive/index.php/"left.jpg" width="30"></td><br />
<td width="90%"><div> content in here</div></td><br />
<td align="right" height="100%" width="30"><img src=http://www.htmlforums.com/archive/index.php/"right.jpg" width="30"></td><br />
<br />
<tr><br />
<td colspan=3><img src=http://www.htmlforums.com/archive/index.php/"bottom.jpg"></td><br />
</tr><br />
<br />
</table><br />
<br />
and the reason you can't get the right image to line up is because you have to make it the oposite of the left image. so the bar is on the right instead of the left.<!--content-->Thanx!!!<!--content-->