At 5/17/2007 06:56 PM, Bob Meetin wrote:
>I commonly do something like:
>
>.clear {margin: 0; padding: 0; border: 0; }
>
><fieldset class="clear">
> <legend class="clear"></legend>
> <img src="whatever" align="right">
> <p>content content</p>
> </fieldset>
>
><fieldset class="clear">
> <legend class="clear"></legend>
> <img src="whatever" align="left">
> <p>content content</p>
> </fieldset>
>
>All this to keep images horizontally aligned with corresponding data,
>be it left or right. Is there a cleaner way to do this with CSS than
>fieldset/legend? Works great but seems like overkill. If I do this in an
>ordinary div, if the image is large and there is not enough content it
>just pushes its way out of the box. Missing something?
FIELDSET and LEGEND are intended for use with input forms:
HTML 4.01 Specification
17 Forms
17.10 Adding structure to forms: the FIELDSET and LEGEND elements
http://www.w3.org/TR/html4/interact/forms.html#h-17.10
Many people use the definition list for image/caption pairs (although
there's disagreement over whether an image and its caption qualify as
a term and its description; personally I don't have a problem with
the metaphor). Google CSS DEFINITION LIST GALLERY for many examples
and discussions.
You could also place an image and a paragraph in each list item of an
unordered list.
In any case you ought to be able to float the images right or left of
the captions with CSS rather than with inline presentational
attributes in the markup.
Regards,
Paul
__________________________
Paul Novitski
Juniper Webcraft Ltd.
http://juniperwebcraft.com
______________________________________________________________________
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/
