Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

I have created this html program in

Status
Not open for further replies.

samesale

Programmer
Sep 15, 2003
133
US
I have created this html program in which I want a table to show the three boxs in equal size. However, it does not show each section evenly. Please help.

<table width=&quot;100%&quot; ><tr>

<td>
<table border=&quot;0&quot; bgcolor=&quot;WHITE&quot; width=&quot;100%&quot; >
<td><FONT COLOR=&quot;black&quot; size=&quot;2&quot;><b>
If you want to publish a picture .</b></font>
</td></table>
</td>

<td>
<table border=&quot;0&quot; bgcolor=&quot;WHITE&quot; width=&quot;100%&quot; valign=&quot;top&quot;><td>
<FONT COLOR=&quot;black&quot; size=&quot;2&quot;>
<b> RATES FOR EACH TYPE OF SERVICE ARE LISTED ON THE APPROPRIATE WEBPAGE.<br>
<font color=&quot;green&quot;>HOUSEHOLD ITEMS </b></font><br
</td></table>
</td>

<td>
<table border=&quot;0&quot; bgcolor=&quot;white&quot; width=&quot;100%&quot;><td>
<CENTER>
<A HREF=&quot;mailto:&quot;><FONT size=&quot;3&quot; COLOR=&quot;RED&quot;><b>TO CONTACT US, CLICK THIS <br></font></A></center><br>
<Center><A HREF=&quot;mailto:&quot;><font size=&quot;2&quot;>IF YOU WANT TO COMMENT OR MAKE SUGGESTIONS, CLICK THIS MESSAGE. </A> <br>
<FONT COLOR=&quot;tomato&quot; SIZE=&quot;2&quot;><B><CENTER>HOW DID YOU LEARN ABOUT AND WHAT IS YOUR OPINION OF THE WEBSITE. Please let us know BY CLICKING THE VOTE CASTER :<br>
<a href=&quot; CASTER</a></center></font>
</td></table>
</td></tr></table>
 
Hello

You are trying to embed table cells <td's> inside other table cells, you have also got font, b and center tags opened but not closed - this will not fix the problem in itself, but fixing the td tags will help fix the rendering.

I suggest that you run the whole page through CSE HTML Validator Lite ( and see what it picks up, as there are required web page tags that are not in your code above.

John
 
basically, what you are instructing your renderer is this: create a table that horizontally fills the screen and has three columns. Each column should have a table that streches through the entire column. As you can see there is no instruction to make the column equal size. You are letting that piece of information for the browser to decide and its way of doing it is probably use the most space for the column with the most data. What you want to do is declare the column widths for the outer table <td width=&quot;33%&quot;>. That should fix the problem unless one of the tables have an image or uninterrupted text that is wider than that.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top