|09-07-2011, 08:01 PM||#1|
Join Date: Jun 2011
L shape image with caption?
Is there any way to have an L shaped image (it's actually two images that I've combined in photoshop) with a caption in the open space?
I've tried using the non-rectangular image code as provided in the stickied thread, but no matter which one I try, I can't get them to work properly. I'm usually pretty good at figuring things out through instructions, but I just <b>can't</b> get this.
I absolutely appreciate any help, and have attached an example of the image I'm working with.
|09-07-2011, 09:12 PM||#2|
Join Date: Jun 2009
Location: Toronto, Ontario, Canada
Device: BeBook(1 & 2010), PEZ, PRS-505, Kobo BT, PRS-T1, Playbook, Kobo Touch
I foresee odd things happening when someone resizes the font and your caption no longer fits in your little rectangle... But of course I haven't tried it
Perhaps - just a thought - it might be better to Photoshop your caption into the space and make it one simple rectangle. Certainly easier
|09-08-2011, 04:41 AM||#4|
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon
Why don't split the two images and then combine them both and the caption in a <div> with "page-break-inside: avoid"?
|09-08-2011, 08:24 PM||#6|
Join Date: Sep 2009
Here you go
Here's something you can try, the size of both the caption and the picture will change with font-size, so it'll stay in place.
PNG with transparency
negative margin on the caption
Obviously you'll have to play around with the numbers and test on a device to make sure you get a set that work for your particular text + picture.
|Thread Tools||Search this Thread|
|Thread||Thread Starter||Forum||Replies||Last Post|
|Center Image and Caption||SamL||ePub||11||08-12-2011 10:27 AM|
|Suggest a photo caption. Fun for dog and cat lovers||Falbe Publishing||Lounge||23||02-22-2010 11:55 PM|
|Shape changing eReaders||Daithi||News||2||02-03-2010 05:12 PM|
|Over 50? Out of Shape? Read This!||cassidym||Reading Recommendations||3||11-13-2008 11:28 AM|