Linda Dunn wrote:
Hi all,
I have a page posted here...
http://www.seafoodlab.cmast.ncsu.edu/aboutus.html
...in which I am playing with the idea of making a div with class
"photobox" for photos (the black and white one on the left) which will
contain a photo caption.
This works great so far for this one picture, but the problem is that I
have to define the width of the div based on the photosize. So, the
photos will either have to all be the same width, or I'll have to
creative various photoboxes for various photo sizes.
Is there anyway to have the div stretch automatically to accommodate
photo size (with the caption underneath, since the img is defined as a
block level element) that doesn't involve javascript or the like? I
really like doing the captions this way rather than as part of the
image, for obvious reasons.
Any help appreciate,
linda
06/01/2005
Hello, Linda:
This is a little bit different than what you are doing, but I have a
<div> for each row of photos, a <div> floated left for each thumb, and
an <h3> contained in the thumb when I need a caption. I had to size the
thumb <div>, otherwise my margins go wonky.
The page is here,
http://webpages.charter.net/angusair/fatpawdesignphotos.html
The css is here,
http://webpages.charter.net/angusair/fatpawdesignphotocss.css
The pages validate, but the html has not been optimized for
margins/padding, and the css contains bits of extraneous code
Best Regards,
Peter Hyde-Smith
FF 1.0.4, WinXP Home SP2
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
