Page is here: http://www.elmaroliveira.com/bio.htm
Appreciate any advice you can give.

Thanks

Here's a method I use:

/** CSS Captions on figures **/

..LeftCaptions {
float:left;
width:250px /** image size plus a little extra **/
height:auto;
margin:0.5em;
padding:0.5em;
}

..LeftCaptions p {
text-align:center;
font-style:italic;
font-size:small;
text-indent:0
}

HTML:
<div class="LeftCaptions">
<p><img src="images/your_image.jpg"><br>
your caption text goes here</p>
</div><!--End LeftCaptions -->

<!--for RightCaptions, change float to right-->


--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com



"Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
news:g2mprd$3ft$1@forums.macromedia.com...
> Page is here: http://www.elmaroliveira.com/bio.htm
> Appreciate any advice you can give.
>
> Thanks
>
>

Hello,

Have you looked at the page in Firefox?
Nothing is floating because you're missing the closing "}' after .content:

..content {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
text-align: justify;
..content p {
text-align: justify
}

Should be:

..content {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
text-align: justify;
}
..content p {
text-align: justify
}


You can wrap the image and caption in a div and float the div.
Just make the div the same width as the image,

For example:

div.floatRight{
float:right;
margin: 10px;
width:168px;
}

<div class="floatright"><img width="168" height="249" src="images/EObio.jpg"
alt="Photo by Tucker Densley"/>Words under image</div>


Take care,
Tim


"Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
news:g2mprd$3ft$1@forums.macromedia.com...
> Page is here: http://www.elmaroliveira.com/bio.htm
> Appreciate any advice you can give.
>
> Thanks
>

Thank you both so much
Who knew you could float a DIV ?


"TC2112" <nospam@nospam.com> wrote in message
news:g2mt16$6tf$1@forums.macromedia.com...
> Hello,
>
> Have you looked at the page in Firefox?
> Nothing is floating because you're missing the closing "}' after .content:
>
> .content {
> font-family: Arial, Helvetica, sans-serif;
> font-size: x-small;
> text-align: justify;
> .content p {
> text-align: justify
> }
>
> Should be:
>
> .content {
> font-family: Arial, Helvetica, sans-serif;
> font-size: x-small;
> text-align: justify;
> }
> .content p {
> text-align: justify
> }
>
>
> You can wrap the image and caption in a div and float the div.
> Just make the div the same width as the image,
>
> For example:
>
> div.floatRight{
> float:right;
> margin: 10px;
> width:168px;
> }
>
> <div class="floatright"><img width="168" height="249"
> src="images/EObio.jpg" alt="Photo by Tucker Densley"/>Words under
> image</div>
>
>
> Take care,
> Tim
>
>
> "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
> news:g2mprd$3ft$1@forums.macromedia.com...
>> Page is here: http://www.elmaroliveira.com/bio.htm
>> Appreciate any advice you can give.
>>
>> Thanks
>>
>
>

<raising hand> 8)

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
news:g2p358$lds$1@forums.macromedia.com...
> Thank you both so much
> Who knew you could float a DIV ?
>
>
> "TC2112" <nospam@nospam.com> wrote in message
> news:g2mt16$6tf$1@forums.macromedia.com...
>> Hello,
>>
>> Have you looked at the page in Firefox?
>> Nothing is floating because you're missing the closing "}' after
>> .content:
>>
>> .content {
>> font-family: Arial, Helvetica, sans-serif;
>> font-size: x-small;
>> text-align: justify;
>> .content p {
>> text-align: justify
>> }
>>
>> Should be:
>>
>> .content {
>> font-family: Arial, Helvetica, sans-serif;
>> font-size: x-small;
>> text-align: justify;
>> }
>> .content p {
>> text-align: justify
>> }
>>
>>
>> You can wrap the image and caption in a div and float the div.
>> Just make the div the same width as the image,
>>
>> For example:
>>
>> div.floatRight{
>> float:right;
>> margin: 10px;
>> width:168px;
>> }
>>
>> <div class="floatright"><img width="168" height="249"
>> src="images/EObio.jpg" alt="Photo by Tucker Densley"/>Words under
>> image</div>
>>
>>
>> Take care,
>> Tim
>>
>>
>> "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
>> news:g2mprd$3ft$1@forums.macromedia.com...
>>> Page is here: http://www.elmaroliveira.com/bio.htm
>>> Appreciate any advice you can give.
>>>
>>> Thanks
>>>
>>
>>
>
>

Thank you for the improvization in the code it is amazing