denniz
06-16-2011, 01:41 PM
what i try to do is:
make tables 3 columns 3 rows
insert a picture in column 1 row 1
insert text in column 3 row 1
align the picture to the top no matter how many text is inside the 3rd column.
insert second pic inside column 1 row 2 and again fill the 3rd colums with text.
the alignment to the top of the pic fails when i fill the text column
this is my code so far:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
</head>
<body>
<table style="text-align: left; width: 100px;" border="1"
cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td><img
src="http://t0.gstatic.com/images?q=tbn:ANd9GcSl6d4LIn1A4JQ2LdwFo6jcYchgaBGtuArVexeex4rLxDomxH--2A">
</td>
<td></td>
<td>testtesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
test</td>
</tr>
<tr>
<td> <img
src="http://t0.gstatic.com/images?q=tbn:ANd9GcSl6d4LIn1A4JQ2LdwFo6jcYchgaBGtuArVexeex4rLxDomxH--2A">
</td>
<td></td>
<td>testtesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
</td>
</tr>
<tr>
<td>
<img
src="http://t0.gstatic.com/images?q=tbn:ANd9GcSl6d4LIn1A4JQ2LdwFo6jcYchgaBGtuArVexeex4rLxDomxH--2A"><br>
</td>
<td></td>
<td>testtesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
</td>
</tr>
</tbody>
</table>
</body>
</html>
make tables 3 columns 3 rows
insert a picture in column 1 row 1
insert text in column 3 row 1
align the picture to the top no matter how many text is inside the 3rd column.
insert second pic inside column 1 row 2 and again fill the 3rd colums with text.
the alignment to the top of the pic fails when i fill the text column
this is my code so far:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
</head>
<body>
<table style="text-align: left; width: 100px;" border="1"
cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td><img
src="http://t0.gstatic.com/images?q=tbn:ANd9GcSl6d4LIn1A4JQ2LdwFo6jcYchgaBGtuArVexeex4rLxDomxH--2A">
</td>
<td></td>
<td>testtesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
test</td>
</tr>
<tr>
<td> <img
src="http://t0.gstatic.com/images?q=tbn:ANd9GcSl6d4LIn1A4JQ2LdwFo6jcYchgaBGtuArVexeex4rLxDomxH--2A">
</td>
<td></td>
<td>testtesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
</td>
</tr>
<tr>
<td>
<img
src="http://t0.gstatic.com/images?q=tbn:ANd9GcSl6d4LIn1A4JQ2LdwFo6jcYchgaBGtuArVexeex4rLxDomxH--2A"><br>
</td>
<td></td>
<td>testtesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
testtesttesttesttesttest<br>
</td>
</tr>
</tbody>
</table>
</body>
</html>