html help...tables and thier background color?

Go to http://bullet4princess.bravehost.com/butterfly.html It's what I have so far, and It still has alot fo problems that ill fix, but right now I want the green table in the middle fixed. Theres 3 tables, and the backgroung of the whole middle table is suposed to be green but one side of it isn't. Could you look at the code source and tell me why it's like that and tell me how to fix it. Thank you! And explain it to me in really simple terms, im not that good at HTML lol. If you notice any onther major problems please let me know about them :) It's just a simple homepage

Public Comments

  1. You've got a nested div inside the table cell with a fixed width that's causing your problem. Change: <td><div style="overflow:auto;width:225px;height:530px; color:black; font-size:9pt; font-family:arial; background-color:7FFF00; background-image: url("url_to_image"); border:0px solid silver;"><center>dont know what<br>2 put hur yet...<br><br> </a></div> </td> to: <td style="color: black; background:#7FFF00;"><center>dont know what<br>2 put hur yet...<br><br> </a></div> </td> Also, above that table you've got: </body> </html> </body> <table width="100%" border="1"> Change it to just: <table width="100%" border="1"> Then, at the very bottom of your page, add </body> above </html>
  2. Mostly bad coding: <td><div style="overflow:auto;width:225px;height:530px; color:black; font-size:9pt; font-family:arial; background-color:7FFF00; background-image: url("url_to_image"); border:0px solid silver;"><center>dont know what<br>2 put hur yet...<br><br> </a></div></td> Why not style the td instead of the div? <td style="overflow:auto;width:225px;height:530px; color:black;font-size:9pt; font-family:arial; background-image: #7fff00 url(url_to_image) no-repeat center scroll; border:0 solid #c0c0c0;">dont know what 2 put here yet...</td> Ron
Powered by Yahoo! Answers