quick html help

[mobiblu]

here is what i have:
http://img502.imageshack.us/img502/8541/currently3hj.jpg

and this is what i want:
http://img456.imageshack.us/img456/8936/want3tp.jpg

Basically, I want to have a three table outline. I know i could do the same result with two table, but I wanted to know if there were some way to have two table side by side. I tried setting the the width of the 2nd to 20% and the third to 70%, but nothing happen (I prob didn't code it right ).

*sorry i never learned to link*

 

[imported_LoKe]

I suggest using Div's instead. Much more flexible.

 

[mobiblu]

I haven't gotten to working with Div yet, but will try. thanks

 

[imported_LoKe]

<div style="width:76.8%;height:10%;border:1px solid black;margin-bottom:3px;">Top</div>
<div style="width:8%;height:50%;border:1px solid black;float:left;">Left</div>
<div style="width:68%;height:50%;border:1px solid black;float:right;margin-right:23%;">Right</div>

 

[FeuerFrei]

Altering above code, last div:

<div style="width:68%;height:50%;border:1px solid black;float:left;margin-left:3px;">Right</div>

 

[imported_LoKe]

Originally posted by: FeuerFrei
Altering above code, last div:

<div style="width:68%;height:50%;border:1px solid black;float:left;margin-left:3px;">Right</div>

If you're gonna do that, you'll require a slight modification to the first div, so they align properly.

<div style="width:76.4%;height:10%;border:1px solid black;margin-bottom:3px;">Top</div>
<div style="width:8%;height:50%;border:1px solid black;float:left;">Left</div>
<div style="width:68%;height:50%;border:1px solid black;float:left;margin-left:3px;">Right</div>

Thanks, FeuerFrei!