Log in

View Full Version : Easy question



Freeman
10-10-2005, 01:43 PM
I would like the text to continue directly under the picture instead of in a column down the right side. Thanks JF




<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="133">
<p><img src="brett.jpg" align="left" hspace="5" vspace="5" width="276" height="387"></p>

<table border="0" width="132" cellspacing="0" cellpadding="7" height="350">

</table>
</td>
<td valign="top" width="626"> <b><br>
<font size="+3" color="#003466">Brett</font></b>
<hr color="003466">
<p>
<center>
<b><font size=+2>Recent Developments<br>
</font></b></center>

jscheuer1
10-10-2005, 08:30 PM
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="133">
<p><img src="brett.jpg" align="left" hspace="5" vspace="5" width="276" height="387"></p>
</table>
<table border="0" width="132" cellspacing="0" cellpadding="7" height="350">


</td>
<td valign="top" width="626"> <b><br>
<font size="+3" color="#003466">Brett</font></b>
<hr color="003466">
<p>
<center>
<b><font size=+2>Recent Developments<br>
</font></b></center>

mwinter
10-11-2005, 12:42 PM
I would like the text to continue directly under the picture instead of in a column down the right side.Place the image in its own block-level element outside the table, or move it into its own row.



</table>
<table border="0" width="132" cellspacing="0" cellpadding="7" height="350">

</td>That's rather broken, John. You also omitted the (required) closing tag for this second table.

Mike

Freeman
10-11-2005, 02:29 PM
That made all the text start under the picture. I would like it to start at the top on the right side and continue down underthe picture. JF

mwinter
10-11-2005, 03:03 PM
That made all the text start under the picture. I would like it to start at the top on the right side and continue down underthe picture.Such as by floating?

http://mwinter.webhop.info/dd/float.jpeg

That was produced using the following markup and CSS:


img.inset {
float: left;
margin: 0.5em 0.5em 0.5em 0;
}
<p><img class="inset" alt="" src="...">Lorem ipsum dolor sit amet...</p>Mike

Ubernoober
10-11-2005, 03:17 PM
I think tabling would just be easier. It's what I use, and you can then just move the table wherever (left/right/center) and add or subtract to it easily.

<table>
<tr>
<td><IMG src="Brett.jpg" width="125" height="125"></H5></a></td>
<td><IMG src="Brett.jpg" width="125" height="125"></H5></a></td>
</tr>
<tr>
<td><h3><font color= "text color here">Your Text Here</td>
<td><h3><font color= "text color here">Your Text Here</td>
</tr>
</table>

Although this doesn't work real well if you have 2 very differing texts, like on the first table, a one letter word, and the second table, a 5 letter word. Hope it helps.....If not, just remember I am the NoOber, and you will feel better.

Twey
10-11-2005, 04:17 PM
Tables are less flexible and slower to load than CSS. Also you don't have to hold nested tables in your mind all at once, to a pixel's accuracy :p CSS is the better option here.