Previous Message
Next Message

floating images with captions in text

Sent by Zoe Gillenwater on 23 October 2003 15:03


Christoph Päper wrote:

><http://webdesign.crissov.de/temp/captions-zoe> for various combinations.
>

Thank you so much for that excellent and thorough breakdown of the 
options!  I really appreciate your time spent helping me.  Unfortunately 
I had to add one more div in there because IE5.5 was ignoring the 
padding applied directly to the img tag.  I had to put the "imagebox" 
wrapper back around the img tag, but altogether it's still cleaner than 
it was before.  Here's the final code:

..imgcontainer   {font-size: 0.75em; text-align: center;}
..right {float: right; margin: 4px 0px 6px 8px;}
..left  {float: left;  margin: 4px 8px 6px 0px;}
..imagebox {border: 1px solid #CCC; padding: 3px; margin-bottom: 4px; 
width: auto;}

<div class="imgcontainer right" style="width: 258px;">
<div class="imagebox"><img src="../images/photo_001.jpg" alt="" 
width="250" height="183"></div>
A very very very very very very very long caption for photo goes here.</div>

>IIRC--I've no installation on this box--NN4 doesn't support multiple classes,
>thus it should be good with the above code, because no float is applied.
>

I actually didn't know that, so thank you for that tip.  That's a good 
solution.

Thanks again!
Zoe

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: