Forums
This topic is locked
Tables issue
Posted 14 Oct 2004 18:53:05
1
has voted
14 Oct 2004 18:53:05 Smokey Lovebeard posted:
Hello,I'm having a lot of probelems with the code below.
I want to place a table in the top left hand of the screen with three columns, but when I try to do this. Dreamweaver assumes I am putting this table in the base (resizable) table and as a result pushes the column containing the left table over.
Things I should add:
- I want the center table to be resizable according to the browser size
- I want an image to be right justified to the right
Any help would be greatly appreciated
Smokey
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<table width="100%" height="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#9900FF">
<tr>
<td valign="bottom"> </td>
<td valign="bottom"> </td>
<td width="280"><div align="right"><img src="images/logo.gif" width="259" height="83"></div></td>
</tr>
</table>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="210" bgcolor="#00FFFF"><table width="210" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="240" bgcolor="#FF0000"><table width="210" height="240" border="0" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
<tr>
<td>3</td>
</tr>
<tr>
<td>4</td>
</tr>
<tr>
<td>5</td>
</tr>
<tr>
<td>6</td>
</tr>
<tr>
<td>7</td>
</tr>
<tr>
<td>8</td>
</tr>
<tr>
<td>9</td>
</tr>
<tr>
<td>10</td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="222" bgcolor="#FF00FF"><div align="center"><img src="images/menu_image1.jpg" width="179" height="222"></div></td>
</tr>
<tr>
<td bgcolor="#6600FF"> </td>
</tr>
<tr>
<td height="20" bgcolor="#993399"><div align="center"><img src="images/menu_image1.jpg" width="179" height="20"></div></td>
</tr>
</table></td>
<td><p>fsadfsd</p>
<table width="100%" border="0" bgcolor="#FFFF00">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<p>fgsdfgs</p></td>
<td width="200" bgcolor="#99FF00"> </td>
</tr>
</table>
</body>
</html>
Replies
Replied 29 Oct 2004 11:00:16
29 Oct 2004 11:00:16 Janusz Jasinski replied:
It seems like you are getting what you are trying to achieve.... can you make it clearer? Try setting the measurement in the units you need... <height> is not supported!
Use CSS as you can achieve exactly what you need without all the bloated code!
Yup - janusz.co.uk
Use CSS as you can achieve exactly what you need without all the bloated code!
Yup - janusz.co.uk