Sent by Alan Gresley on 1 May 2007 00:12
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-REMOVED]]
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/
