Ok my websites here (http://geocities.com/caziolleh/). my friend helped me with the tables (im a newbie) and I want to make the bottom table slightly wider than the top one. I'm not sure which bit of code to edit, because whenever I try it just goes funny. any help would be appreciated :)

Emily x

well just change the width attributes
like~

<table width="(%or#)">

like your first table could be 75% and the second could be 100%

for some reason when I edit the numbers, it doesnt seem to effect it... or I'm just editing the wrong thing.. I edited the bits in bold...

<center>
<font face="Verdana" size="1" color="#FFFFFF">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="33%" rowspan="3"></td>
<td width="7"><img border="0" src="yellow_top_left.gif" width="7" height="7"></td>
<td width="33%" background="yellow_top.gif">
<p align="center"><img border="0" src="yellow_top.gif" width="45" height="7"></p>
</td>
<td width="7"><img border="0" src="yellow_top_right.gif" width="7" height="7"></td>
<td width="34%" rowspan="3"></td>
</tr>
<tr>
<td width="7" background="yellow_left_side.gif">&nbsp;</td>
<td width="33%" bgcolor="#FFFFFF">
<table border=0 cellpadding=0 cellspacing=0 width=400 align="center" height="1" style="filter: Dropshadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=1), Alpha(Opacity=100, FinishOpacity=100, Style=1);">
<tr>
<td width="100%"></td>
</tr>
</font>
<tr>
<td height="1">
<br>






<center>
<font face="Verdana" size="1" color="#FFFFFF">
<table border="0" width="75%" cellspacing="0" cellpadding="0">
<tr>
<td width="33%" rowspan="3"></td>
<td width="7"><img border="0" src="yellow_top_left.gif" width="7" height="7"></td>
<td width="33%" background="yellow_top.gif">
<p align="center"><img border="0" src="yellow_top.gif" width="45" height="7"></p>
</td>
<td width="7"><img border="0" src="yellow_top_right.gif" width="7" height="7"></td>
<td width="34%" rowspan="3"></td>
</tr>
<tr>
<td width="7" background="yellow_left_side.gif">&nbsp;</td>
<td width="100" bgcolor="#FFFFFF">
<table border=0 cellpadding=0 cellspacing=0 width=400 align="center" height="1" style="filter: Dropshadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=1), Alpha(Opacity=100, FinishOpacity=100, Style=1);">
<tr>
<td width="100%"></td>
</tr>
</font>
<tr>
<td height="1">
<p align="center"><b><font face="Verdana" size="2" color="#000000">the Blog//</font></b>
<p align="center"><font face="Verdana" size="1" color="#000000">




<IFRAME name="inlineframe" src="blog.html" width=400 height=150 marginwidth=0 marginheight=0 frameborder=0 scrolling=auto></IFRAME>







</strong></font></td>
</tr>
<tr>
<td width="100%"></td>
</tr>
</table>
</td>
<td width="7" background="yellow_right_side.gif">&nbsp;</td>
</tr>
<tr>
<td width="7"><img border="0" src="yellow_bottom_left.gif" width="7" height="7"></td>
<td width="10%" background="yellow_bottom.gif">
<p align="center"><img border="0" src="yellow_bottom.gif" width="48" height="7"></p>
</td>
<td width="7"><img border="0" src="yellow_bottom_right.gif" width="7" height="7"></td>
</tr>
</table>
</center>






<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="10">
<tr>
<td width="100%"></td>
</tr>
</table>

</strong></font></td>
</tr>
<tr>
<td width="100"></td>
</tr>
</table>
</td>
<td width="7" background="yellow_right_side.gif">&nbsp;</td>
</tr>
<tr>
<td width="7"><img border="0" src="yellow_bottom_left.gif" width="7" height="7"></td>
<td width="33%" background="yellow_bottom.gif">
<p align="center"><img border="0" src="yellow_bottom.gif" width="48" height="7"></p>
</td>
<td width="7"><img border="0" src="yellow_bottom_right.gif" width="7" height="7"></td>
</tr>
</table>
</center>
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="10">
<tr>
<td width="100%"></td>
</tr>
</table>
</table>

you are messing it up allot :)

when the first table is 100% and you have 5 cells in them and want all of them to be equal widths then each cell will be 20% (20x5 = 100)

when you have 33% you should have 3 cells, and not 5 (or 6, i wasn't countiing that well when reading your coding) because with 5 you are going over the 100%.

So it's a bit of math you have to do :) All the cells should equal 100% of the table. When you are asking 100 people of opinions then you can't have the opinions divided into 30, 40 and 50. Because 30+40+50 = 120 and not 100.

however when you start a new table into a cell then that new table can be 100% again, that means that it will be the width of the cell, and not of the page. the cells of that second table however should equal 100% again though.

Love,
Mirna

I got a D in maths :P Im still not really sure which part to edit thanks anyway ^_^

blah.. cant see the edit button >_< so would I make the first tables cells more? or just make them smaller lol *confused* aargh

for instance take this part:


<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="33%" rowspan="3"></td>
<td width="7"><img border="0" src="yellow_top_left.gif" width="7" height="7"></td>
<td width="33%" background="yellow_top.gif">
<p align="center"><img border="0" src="yellow_top.gif" width="45" height="7"></p>
</td>
<td width="7"><img border="0" src="yellow_top_right.gif" width="7" height="7"></td>
<td width="34%" rowspan="3"></td>
</tr>
<tr>
<td width="7" background="yellow_left_side.gif">&nbsp;</td>
<td width="33%" bgcolor="#FFFFFF">


you allready have 3 times 33% and one time 34%, that together is allready more then 100% that you gave to the <table> tag. Plus the other cells that have 7 as width makes it even more.

you have to divide them so that they together equal 100%. It doesn't matter HOW you divide it (5,5,20,20,50 is possible aswell) but yes it has to equal 100%. So that's up to you :)

Love,
Mirna

soo... I would change the 33% + the 34%'s to 17%? Thanks for the help anyway :P

it doesn't matter, if you want all cells to be the exact width then yes. But you can play a bit with it. For instance if you give one cell 10% more then another cell should have 10% minus. The whole goal is to equal 100% together :)

Love,
mirna

Ok thanks :):) Ill have a go at it...

edit

*sorry for double post* I had a go at changing the bottom tables percentages lol. well it now looks like this (http://www.geocities.com/caziolleh/index2.html). uhh really bad... eep

*sorry for double post* I had a go at changing the bottom tables percentages lol. well it now looks like this (http://www.geocities.com/caziolleh/index2.html). uhh really bad... eep

*sorry for double post* I had a go at changing the bottom tables percentages lol. well it now looks like this (http://www.geocities.com/caziolleh/index2.html). uhh really bad... eep