Help with table layout

[supersonic]

I really need help, ive been trying to get this new layout working for weeks!

Here is the site http://sims2crave.ueuo.com/

I cant get the table to line up...is that even how you are supposed to make a table layout ?_? Yea im not too bright.

So please if someone could help me get this layout going i would be SOO grateful! And if you help me get it done i will definately link your site in my credits page. Thanks

[beckybex]

Thats actually pretty nice... other than the disjointedness o_o... yeah thats the right table tags, maybe just tinker a bit with it.

[djr33]

I hate image slices for just that reason.

Did you use imageready for that? Just re-export. Then again... here:

Here's your problem:

<table width="736" border="0">
<tr>
<td width="212" height="9" colspan="3"><img src="images/top1.jpg" width="212" height="9" class="style1" /></td>
<td width="524" height="96" colspan="2"><img src="images/top.jpg" width="524" height="96" /></td>
</tr>
<tr>
<td width="7" height="257"><img src="images/border1.jpg" width="7" height="257" /></td>
<td width="169" height="257"><img src="images/navbody.jpg" width="160" height="240" /></td>
<td width="34" height="257"><img src="images/border2.jpg" width="34" height="257" /></td>
<td width="515" height="169"><img src="images/contentbody.jpg" width="515" height="169" /></td>
<td width="10" height="169"><img src="images/border2..jpg" width="10" height="169" /></td>
</tr>

<tr>
<td colspan="3" width="211" height="19"><img src="images/bottom1.jpg" width="211" height="19" /></td>
<td colspan="2" width="525" height="19"><img src="images/bottom.jpg" width="525" height="19" /></td>
</tr>
</table>
Look at the math on that. It's ugly. Your table is working just fine, but your widths and heighths are off. You need the width and heighths of the <td>s and the <img>s to match. go with the size of the image, as that is what is important.


since just the middle part seems to be having issues, here:

<tr>
<td width="7" height="257"><img src="images/border1.jpg" width="7" height="257" /></td>
<td width="160" height="240"><img src="images/navbody.jpg" width="160" height="240" /></td>
<td width="34" height="257"><img src="images/border2.jpg" width="34" height="257" /></td>
<td width="515" height="169"><img src="images/contentbody.jpg" width="515" height="169" /></td>
<td width="10" height="169"><img src="images/border2..jpg" width="10" height="169" /></td>
</tr>
Hmm... looks like it was only those two values.

Now, without testing, I can't be sure if it'll work.

If not, the images in the second row are probably actually less pixels across than those of the first and third rows. Just scale or crop to fit if that's the case.

[supersonic]

thank you. I think the image just wanted sliced properly, i had sliced it by hand. So then i sliced it in PSP and it coded it for me so the table fits good now.

And i decided i wanted to position the navigation and content by CSS. Even when i play around with the pixels it still doesnt move. Can somebody tell me why or help?

>>http://sims2crave.sitesled.com/notelay.htm
>>http://sims2crave.sitesled.com/css.html