help with html - tables - alignment of pics
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:
Code:<!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>
CSS Codes
Reply With Quote
Bookmarks