On May 01, 2007, I wrote:
> On May 01, 2007, Skip wrote:
>
> > I have constructed a caption div for images that seems to work well for
> > me. You can see it here:
> > http://www.boisestate.edu/webcenter/workshops/02/file09.html
> div.image {
> height: auto;
> width: auto;
> padding: 20px;
> margin: 0 0 20px 20px;
> float: right;
> }
> div.image img {
> border: 1px solid #000;
> width: 200px;
> width: 295px;
> }
> p.imgcaption {
> border: 1px solid #000;
> font-family: verdana, sans-serif;
> font-size: .7em;
> text-align: center;
> margin: 0;
> padding-left: 10px;
> padding-right: 10px;
> }
To further what I said. I havr notice that the image div is outside the
maincontent div. It would look better if the image div is within the
maincontent div and this would allow the text to flow around it. To accommodate
the image the maincontent div and the text be change to similar.
div.maincontent {
line-height: 2em;
width: 100%;
}
div.maincontent p {
text-indent: 3em;
margin: 0 15%;
}
div.maincontent blockquote {
margin: 0 15%;
}
Kind Regards, Alan
______________________________________________________________________
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/
