tables not working right
Permalink
I am trying to insert a picture with a caption below it in a news story that is inside a content block. However, the table does not want to cooperate. When I make a 1X2 table, I put the picture in the top block and write the caption in the bottom one. But the spacing is all off for the caption and it inserts a huge space between lines when I hit return. any advice on how to do this easier? How can I edit the tinyMCE to make this work right or is that even necessary? I know you can't put a block in a block, but there must be an easy solution to adding pictures with captions in a news story. The tables is just not doing it for me though.
well, when floating a picture to the right in a written story and putting a caption underneath it, it affects all the text around it. I can;t just right justify the caption without the entire text being that way.
Scroll down on the page here to see what I am referring to:http://vikingfusion.berry.edu/index.php?cID=1514...
Any suggestions on how to style it so the caption is RIGHT UNDERNEATH the photo, instead of at the end of the story?
Scroll down on the page here to see what I am referring to:http://vikingfusion.berry.edu/index.php?cID=1514...
Any suggestions on how to style it so the caption is RIGHT UNDERNEATH the photo, instead of at the end of the story?
tinymce's table support kinda sux. have you tried using the area layout tool to set up a grid? You can then use the area & block "Design" options to format the spacing & centering etc.
Although I like that feature, I guess I am trying to figure out a way to wrap the text around a picture with a caption. Sometimes the tables work great, but the spacing between lines is always too large and I don't know how to fix it.
I'm new to Concrete5 and this may be a hopeless reply, so I apologise if it is, but it's hard to find threads to help with even if you want to!
I've created something that's pretty contrived I guess, but I think it kinda gives what you want if I understand it right.
I do hope I don't regret trying to help.
http://foston.net/test/
I've created something that's pretty contrived I guess, but I think it kinda gives what you want if I understand it right.
I do hope I don't regret trying to help.
http://foston.net/test/
thanks TeddyBare- that is really close, but when you right justify the caption, do you notice the gap it leaves in the actual article? Also, it appears you are having the same issue with spacing. Did you use a 1X2 table? If so, I notice the caption spacing is way too much between lines. Any idea how to adjust that?
Depending on your theme, there may be CSS which is setting spacing in the table itself.
You can overwrite that with inline css.
Take a look athttp://www.w3schools.com/css/css_table.asp... for some great examples / tutorials.
Note - you may have to edit html code manually in the editor!
You may also wish to consider using a div, and float it right or left depending on where you want the picture to stay. Then inside that div, you can have two divs, an image div and a caption div. You can even use an external css to format these two divs with classes/id's and just set them to that each time you want to float an image with a caption and have text wrap.
-Phil
You can overwrite that with inline css.
Take a look athttp://www.w3schools.com/css/css_table.asp... for some great examples / tutorials.
Note - you may have to edit html code manually in the editor!
You may also wish to consider using a div, and float it right or left depending on where you want the picture to stay. Then inside that div, you can have two divs, an image div and a caption div. You can even use an external css to format these two divs with classes/id's and just set them to that each time you want to float an image with a caption and have text wrap.
-Phil
I think this sort of problem comes up pretty often. I wonder if it might not be best solved by a custom block (maybe an extension of the built-in image block). Such a block could have the following settings:
1. an image
2. a caption
3. some HTML content (I'm basically picturing a few paragraphs) for wrapping around the image.
4. a few settings to control image alignment, caption placement, padding, etc...
1. an image
2. a caption
3. some HTML content (I'm basically picturing a few paragraphs) for wrapping around the image.
4. a few settings to control image alignment, caption placement, padding, etc...
If I remember correctly, in Wordpress this is built into the Rich Text Editor when you add an image.
Might be something we can do with the RTE...
Might be something we can do with the RTE...
I know this thread is getting a bit old, but this free add-on may help...
http://www.concrete5.org/marketplace/addons/content-around-image/...
http://www.concrete5.org/marketplace/addons/content-around-image/...
you can just put the text under it, no tables needed,