Thanks for the responses, Alan.
> You have given no padding for the image div.
I don't want padding because I have a border around the image and that
will create unwanted whitespace.
> 1) You have no width in the html for the image (and no title is
needed). The
> code should be.
>
> <img src="innocents.jpg" alt="Innocents Abroad book cover"
width="200px"
> height="295px" />
I didn't realize I had to specify a width and height. Seems to work
with or without the same way.
> 2) You have set the width for the paragraph in the html. This is
> presentational.
Yes, but how else can I set width when the width varies from one
picture to the next, one page to the next?
> 3) The div.image img has a margin-left: 1em.
Yes it does. Why is that a problem? I don't get this one.
> 4) You have the image and paragraph caption floated instead of the
div.
Yes. If I float the div, the content in Firefox doesn't appear until
below the div. Can't have that.
>
> 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;
> }
You meant height on the 295. But I can't do this because not all my
images are the same size. I could create a separate class for each
image, but that would be horrific in a site with dozens, if not
hundreds, of images.
> 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;
> }
I think I see what you are doing. You are adding padding to the image,
which allows padding to be added on the imgcaption. But, as stated
earlier, I can't have padding on the image because that creates
whitespace between the border and the image.
I realize that captioning images is a problem. The W3 has recognized
this and I think it's part of the CSS3 proposal. So maybe I just work
within the limitations. No padding on the caption for Wednesday's
workshop, that's for sure!
--
Skip Knox
Boise State University
[EMAIL PROTECTED]
______________________________________________________________________
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/
