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.
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.
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.