table and HTML

samesale · Sep 22, 2003

I am trying to create a table where I can show a picture (gif) and text in many lines without borders. I wrote the following HTML, but it does not work.

<html>
<head></head>
<body>
<table WIDTH ="100%" BORDER="0" >
<tr bgcolor="red"><th></th><th>Year</th><th> Make</th><th> Model</th><th>Color</th><th>Miles</th><th>Price</th><th>E-Mail</th><th>Telephone</th><th>Time-to-Call</th></tr>
<tr><td><img src="images/$tele.jpg" width="100" height="100" align="left" vpace="10" hspace="15"></td></tr>
<tr align="left" valign="top" bgcolor="#FF99FF">
<td></td><td>eyear</td><td> <font color="blue"> make </font></td> <td>model</td> <td> color</td> <td>mile</td> <td>price</td><td><a href="mailto: $email" >email </a></td> <td> tele</td> <td> time</td>
<BR><BR><td></td><td> eyear</td><td> <font color="blue"> make </font></td> <td>model<td> color<td>mile </td><td>price</td><td><a href="mailto: $email">email </a></td><td> tele</td><td> time</td></tr>
</table>
</body>
</html>

Any help will be appreciated.

dwarfthrower · Sep 22, 2003

[tt]
<html>
<head></head>
<body>
<table WIDTH ="100%" BORDER="0" >
<tr bgcolor="red"><th></th><th>Year</th><th> Make</th><th> Model</th><th>Color</th><th>Miles</th><th>Price</th><th>E-Mail</th><th>Telephone</th><th>Time-to-Call</th></tr>
<tr><td><img src="images/$tele.jpg" width="100" height="100" align="left" vpace="10" hspace="15"></td></tr>
<tr align="left" valign="top" bgcolor="#FF99FF">
<td></td><td>eyear</td><td> <font color="blue"> make </font></td> <td>model</td> <td> color</td> <td>mile</td> <td>price</td><td><a href="mailto: $email" >email </a></td> <td> tele</td> <td> time</td>
~~<BR><BR>~~</tr><tr><td></td><td> eyear</td><td> <font color="blue"> make </font></td> <td>model<td> color<td>mile </td><td>price</td><td><a href="mailto: $email">email </a></td><td> tele</td><td> time</td></tr>
</table>
</body>
</html>
[/tt]

_{Never be afraid to share your dreams with the world.

There's nothing the world loves more than the taste of really sweet dreams.}

ChrisHunt · Sep 23, 2003

Are you trying to get the picture to appear in the leftmost column and the data to appear in rows to the right of it? If so, you need to use the [tt]colspan[/tt] attribute. Something like this (rearranged for legibility):
[tt]
<html>
<head></head>
<body>
<table WIDTH ="100%" BORDER="0" >
<tr bgcolor="red">
<th></th>
<th>Year</th>
<th>Make</th>
<th>Model</th>
<th>Color</th>
<th>Miles</th>
<th>Price</th>
<th>E-Mail</th>
<th>Telephone</th>
<th>Time-to-Call</th>
</tr>
<tr align="left" valign="top" bgcolor="#FF99FF">
<td rowspan="2">
<img src="images/$tele.jpg" width="100" height="100" align="left" vspace="10" hspace="15">
</td>
<td>eyear</td>
<td><font color="blue"> make </font></td>
<td>model</td>
<td>color</td>
<td>mile</td>
<td>price</td>
<td><a href="mailto: $email" >email </a></td>
<td>tele</td>
<td> time</td>
</tr>
<tr align="left" valign="top" bgcolor="#FF99FF">
<td>eyear</td>
<td><font color="blue">make</font></td>
<td>model</td>
<td>color</td>
<td>mile</td>
<td>price</td>
<td><a href="mailto: $email" >email</a></td>
<td>tele</td>
<td> time</td>
</tr>
</table>
</body>
</html>
[/tt]
Incidentally, I stringly advise you to use CSS for foreground/background colours rather than <font>, bgcolor, etc.

-- Chris Hunt

http://www.extracon.com

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk

samesale · Sep 23, 2003

Thank you very much for your good suggestion. It answered my question. I would like your help in reducing the sign space between the picture and the first border.

Thanks.

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!

table and HTML

samesale

Programmer

dwarfthrower

Programmer

ChrisHunt

Programmer

samesale

Programmer

Similar threads

Part and Inventory Search

Sponsor