How to add captions to images

Events happening in the community are now at Drupal community events on www.drupal.org.
Anonymous's picture

I'm using Acquia Maraina and would like to add image captions to my jpg's. Is there a way to do this using the theme or should I be looking into using a Drupal module instead?

Comments

Someone may have a better

sgprs's picture

Someone may have a better idea, but the only way I know of doing this is by adding your images in a node... but this is a pain. I've done this and had the image open to full size in Shadowbox. But I'd recommend just using a good gallery mod, like Node Gallery, Flash Gallery, Brilliant Gallery, etc. Those are the one's I've tried and they all work pretty good. I still use Acid Free on one of my sites and have never had any problems. I think the mod is out of date, but mine works well never-the-less.

Overall, having a dedicated gallery is just much easier and more flexible.

Good luck!
Chris

Can I get a little more

jsimonis's picture

Can I get a little more information on what you're trying to do?

Are you trying to have an image in the middle of a node that has a caption right under it (similar to what you would see on a news site)?

If so, this can be accomplished using div's and css. I've done it on a number of sites, including this one: http://farmerdan.org/

Hi Jenni, That's exactly what

totsubo's picture

Hi Jenni,

That's exactly what I want to do. I'm using the WYSIWYG module to create Page content and want to find a way to put a caption under my images.

I usually do this myself with

ipwa's picture

I usually do this myself with a bit of jQuery and using the title attribute, but there is a Drupal module that does this: http://drupal.org/project/image_caption

Just make sure you add a title and add a caption class to the image, both of which you should be able to do using your WYIWYG editor.

--
Nicolas

I've tried the module and it

totsubo's picture

I've tried the module and it works but it has one limitation that is getting in the way. If the caption is wider than the image, the text is wrapped. I'd like the text to be all on one line.

How can I accomplish this using CSS and div tags, or with jQuery?

whitespace: nowrap

bradleybacon's picture

Perhaps CSS can handle this---> white-space:nowrap;

"This handy CSS attribute can be used to keep text from wrapping..."

http://snipplr.com/view/1948/css-nowrap--prevent-text-from-wrapping-in-h...

TNT Themes

Group organizers

Group categories

Type of post

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: