To the <p> you can probably add 'clear' to make the content drop below
the previous bio, something like:
<p style="clear: both;"><img src="Dippel-JJ.jpg"><span>JJ
DIPPEL</span>…is
a retired federal auditor, has been RVing for three years and fulltimed
for the last ten months. She as a personal interest in privacy
issues and is the author of <em>RV Living and Privacy Protection</em>
article posted at PrivacyRights.org. (Idaho)</p>
<p style="clear: both;"><img src="Ghylin-Clay.jpg"><span>
but probably do it in the stylesheet, as below rather than inline as in
the above example.
<p class="clear"><img src="Ghylin-Clay.jpg"><span>
.clear { clear: both; }
-Bob
Linda Quinn wrote:
> I have a page that lists instructors with their bios, and the bios
> are of varying lengths. I recently added photos for some of the
> instructors, and in the case of people with short bios, the spacing
> doesn't look very good.
>
> www.lifeonwheels.com/pages/instructors.htm
>
> The html for each bio is the same. <p><img scr="photo filename" />
> text of bio </p>. The following html shows two listing that do not
> have enough space between them, because the first one is very short.
>
> <p><img src="../images/instructors/Dippel-JJ.jpg"/><span>JJ DIPPEL</
> span>…is a retired federal auditor, has been RVing for three
> years and fulltimed for the last ten months. She as a personal
> interest in privacy issues and is the author of <em>RV Living and
> Privacy Protection</em> article posted at PrivacyRights.org. (Idaho)
> </p>
> <p><img src="../images/instructors/Ghylin-Clay.jpg" /><span>CLAY
> GHYLIN</span>… is a Certified Composite Technician-Marine,
> with American Composites Manufacturers Association. Clay is
> currently the foreman for the 'Polynesian Voyaging Society' in
> Honolulu Hawaii building the 'plug','mold', and hulls',from design to
> completed boats for 45 foot double sailing canoes. Before
> Hawaii, Clay built and repaired private boats and historical vessels,
> (like the 'Virginia 5', a historic ferry), in and around the Seattle
> area. (Idaho)</p>
>
>
> The css that manages the image and paragraph space is:
>
> #infotext img {
> float:left;
> padding-right:10px;
> }
>
> After adding the photos I also added padding to the bottom of the
> paragraphs:
>
> #infotext p{
> padding-bottom:20px;
> }
>
> Any suggestions how I can create spacing that will look good even
> when there is very little bio text?
>
> Thanks much. Linda Quinn
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
