Web Hosting Talk






PDA

View Full Version : Urgent help for html tables

million2b
04-27-2008, 05:31 AM
Hi, not very good at HTML. Need help.

Currently have laid out my site design all within a table.
Inside that table there are two tables on the top side by side out of which one is aligned to the right.

Below these two tables I have other tables all aligned to the left.

PROBLEM

The top table aligned to the right, it is 160 width pixels by 900 pixels length.
I want to keep the other tables below it exactly where they are but as this table grows in length, the other tables keeps getting pushed down.

Hope I am clear. Pls help. Am willing to post my html layout if need to.

Tnks.
Silverthan
04-27-2008, 05:49 AM
Post the code, so we can understand better
million2b
04-27-2008, 06:04 AM
I have marked the table that is aligned right. Tnks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>testing</title>
</head>
<body>
<table>
</table>
<table style="text-align: left; width: 822px; height: 101px;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td align="undefined" valign="undefined"><img
style="width: 810px; height: 130px;" alt="heading"
src="<A href="file:///C:/Documents%20and%20Settings/KAR/My%20Documents/My%20Pictures/headingpicture.jpg"><br">file:///C:/Documents%20and%20Settings/KAR/My%20Documents/My%20Pictures/headingpicture.jpg"><br>
<span style="color: rgb(0, 0, 0);">&nbsp;
Home &nbsp; &nbsp; Articles &nbsp; &nbsp;News
&nbsp; &nbsp; Bookmark &nbsp; &nbsp; Refer A Friend
&nbsp; &nbsp; Contact Us &nbsp; &nbsp; <br>
<br>
<table style="width: 121px; height: 44px;" align="left"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>&nbsp;Short Introduction</td>
</tr>
</tbody>
</table>
<table
style="text-align: left; margin-left: auto; margin-right: 0px; width: 167px; height: 40px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>&nbsp;PROBLEM SPOT</td>
</tr>
</tbody>
</table>
</span><br>
<br>
<small> </small><small> </small><small>
</small><small> </small><small> </small>
<table style="width: 140px; height: 1564px;"
align="left" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td><big><span style="font-weight: bold;">testing
</span></big><br>
<small> <a href="<A href="http://www.yahoo.com">yahoo</a><br">http://www.yahoo.com">yahoo</a><br>
<br>
</small></td>
</tr>
</tbody>
</table>
<table style="font-weight: bold; width: 351px; height: 31px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="text-align: center;"><big><span
style="font-weight: bold;">Testing</span></big></td>
</tr>
</tbody>
</table>
<br>
<table align="left" border="0" cellpadding="0"
cellspacing="0" width="10%">
<tbody>
<tr>
<td>&nbsp;testing</td>
</tr>
</tbody>
</table>
<table align="left" border="0" cellpadding="0"
cellspacing="0" width="10%">
<tbody>
<tr>
<td>&nbsp;testing</td>
</tr>
</tbody>
</table>
<br>
<br>
<table align="left" border="0" cellpadding="0"
cellspacing="0" width="10%">
<tbody>
<tr>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
<table align="left" border="0" cellpadding="0"
cellspacing="0" width="10%">
<tbody>
<tr>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
<big style="font-weight: bold;"><br>
<br>
1x testing <br>
<table align="left" border="0" cellpadding="0"
cellspacing="0" width="10%">
<tbody>
<tr>
<td>&nbsp;Article</td>
</tr>
</tbody>
</table>
<table align="left" border="0" cellpadding="0"
cellspacing="0" width="10%">
<tbody>
<tr>
<td>&nbsp;Article</td>
</tr>
</tbody>
</table>
<br>
<br>
<table align="left" border="0" cellpadding="0"
cellspacing="0" width="10%">
<tbody>
<tr>
<td>&nbsp;News&nbsp;</td>
</tr>
</tbody>
</table>
<table align="left" border="0" cellpadding="0"
cellspacing="0" width="10%">
<tbody>
<tr>
<td>&nbsp;News</td>
</tr>
</tbody>
</table>
<br>
<br>
<table align="left" border="0" cellpadding="0"
cellspacing="0" width="10%">
<tbody>
<tr>
<td>&nbsp;Testing</td>
</tr>
</tbody>
</table>
<br>
<br>
<br>
<br>
</big><big><small><br>
</small> </big><small><span
style="color: rgb(0, 0, 0);"></span></small><small><span
style="color: rgb(0, 0, 0);"><br>
</span></small> </td>
</tr>
</tbody>
</table>
<br>
</body>
</html>
AHFB HTML
04-27-2008, 08:22 AM
You want nested tables as was pointed out in your last thread(with source code example)
stripeyteapot
04-29-2008, 12:41 PM
Million2b - Can you post a link please, even if it's just a test page so we can see the problem in action? Responses might be more helpful then, however, you really should look at using the technology correctly, even if you eliminate the advantages of minimum hosting costs, visual consistency etc. Having an accessibile/usable website is invaluable to the people it matters most; your visitors.