Posted: Wed Mar 26, 2008 7:47 pm Image alignment in cells
Ok...I'm pretty much completely new to html. So keep that in mind.
I am trying to set up a template page that has a cell in the middle for an article of indefinite length. I have all of the table and cells set up the way I like, except the main one.
Here is what I would like....
1. I want the "article title" image in the top left of the cell.
2. I want the "article image" image in the top right of the cell.
3. I want the text to start underneath the title and wrap the "article image" so that the text stays to the left until it gets to the bottom of the image, then begins taking up the entire cell horizontally.
Hopefully this all makes sense. I feel like I am beating my head against a wall with this.
<html>
<head>
<title>content</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (content.psd) -->
<table id="Table_01" width="775" height="1032" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table id="Table_04" width="36" height="1032" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="/images/content/content_01.jpg" width="36" height="1032" alt=""></td>
</tr>
</table></td>
<td>
<table id="Table_03" width="641" height="1032" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="/images/content/content_02.jpg" width="641" height="122" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="/images/content/content_03.jpg" width="641" height="18" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="/images/content/content_04.jpg" width="641" height="28" alt=""></td>
</tr>
<tr>
<td>
<img src="/images/content/content_05.jpg" width="29" height="770" alt=""></td>
<td valign="top" bgcolor="#Cf9f2b"><div align="left"><img src="/images/content/article%20title.jpg" width="285" height="75" valign="top" align="left"><img src="/images/content/articleimage.jpg" width="300" height="300" align="right" valign="top">Here is a whole bunch of text. Here is a whole bunch of text. Here is a whole bunch of text.Here is a whole bunch of text. Here is a whole bunch of text. Here is a whole bunch of text.Here is a whole bunch of text. Here is a whole bunch of text. Here is a whole bunch of text.Here is a whole bunch of text. Here is a whole bunch of text. Here is a whole bunch of text.Here is a whole bunch of text. Here is a whole bunch of text. Here is a whole bunch of text.Here is a whole bunch of text. Here is a whole bunch of text. Here is a whole bunch of text.Here is a whole bunch of text. Here is a whole bunch of text. Here is a whole bunch of text.Here is a whole bunch of text. Here is a whole bunch of text. Here is a whole bunch of text.Here is a whole bunch of text. Here is a whole bunch of text. Here is a whole bunch of text.Here is a whole bunch of text. Here is a whole bunch of text. Here is a whole bunch of text.</div></td>
<td>
<img src="/images/content/content_07.jpg" width="27" height="770" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="/images/content/content_08.jpg" width="641" height="94" alt=""></td>
</tr>
</table></td>
<td>
<table id="Table_02" width="98" height="1032" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="/images/content/content_09.jpg" width="98" height="122" alt=""></td>
</tr>
<tr>
<td>
<img src="/images/content/content_10.jpg" width="53" height="223" alt=""></td>
<td rowspan="4">
<img src="/images/content/content_11.jpg" width="45" height="910" alt=""></td>
</tr>
<tr>
<td>
<img src="/images/content/content_12.jpg" width="53" height="15" alt=""></td>
</tr>
<tr>
<td>
<img src="/images/content/content_13.jpg" width="53" height="223" alt=""></td>
</tr>
<tr>
<td>
<img src="/images/content/content_14.jpg" width="53" height="449" alt=""></td>
</tr>
</table></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Is this even possible? Thanks so much for any replies!
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
