Re: [css-d] Image caption width

[Tracey Adams]

I forgot in my original message to state where to put the caption,  
see below for example.

style="width:300px;"

As in the example below.
  .imgLeft {
float:left;
padding:.5em;
font-size:.8em;
font-family: Arial, san-serif;
   }

http://public.ca.sandia.gov/crf/research/combustionProcesses/ 
coalResearch.php

Thank you so much,
Tracey


-- 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image caption width

[Tracey Adams]

On Jun 2, 2008, at 10:53 PM, Jukka K. Korpela wrote:

> Tracey Adams wrote:
>
>> I am having a problem with keeping the captions under images to the
>> width of the image and not all the way across the page. I've tried a
>> number of things and the only thing I've found that sort of works is
>> to set a width limit in my caption css.
>
> That appears to be the situation at present, I'm afraid. On the other
> hand, since images should have their width and height set, for  
> speed of
> rendering, it should be easy to add a matching width for a block
> containing the image.
>
>> I could use tables but I'd like to avoid that.
>
> Using a single-cell table, with the caption written in the 
> element, seems to be the simplest way to achieve the goal. For some
> explanations, see
> http://www.cs.tut.fi/~jkorpela/www/captions.html
>
> Jukka K. Korpela ("Yucca")
> http://www.cs.tut.fi/~jkorpela/


I have found out how to do it and it's pretty simple. Use an inline  
style=width with your image style.

style="width:300px;"

As in the example below.
  .imgLeft {
float:left;
padding:.5em;
font-size:.8em;
font-family: Arial, san-serif;
   }

your image

http://public.ca.sandia.gov/crf/research/combustionProcesses/ 
coalResearch.php

Thank you so much,
Tracey


-- 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Image caption width

[Tracey Adams]

I am having a problem with keeping the captions under images to the  
width of the image and not all the way across the page. I've tried a  
number of things and the only thing I've found that sort of works is  
to set a width limit in my caption css. Of course that has only  
limited success. My images cannot practically be all the same width.  
For awhile I was making css image boxes in different widths but that  
got ridiculous. I could use tables but I'd like to avoid that.
I'd appreciate any help you can give me.
Tracey
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/