![]() |
#1 |
Enthusiast
![]() Posts: 27
Karma: 10
Join Date: Jun 2011
Device: none
|
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. |
![]() |
![]() |
![]() |
#2 |
Booklegger
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 1,801
Karma: 7999816
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 ![]() |
![]() |
![]() |
Advert | |
|
![]() |
#3 |
Enthusiast
![]() Posts: 27
Karma: 10
Join Date: Jun 2011
Device: none
|
That's my back up plan, hahaha!
|
![]() |
![]() |
![]() |
#4 |
frumious Bandersnatch
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 7,522
Karma: 19000001
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
Why don't split the two images and then combine them both and the caption in a <div> with "page-break-inside: avoid"?
|
![]() |
![]() |
![]() |
#5 |
Enthusiast
![]() Posts: 27
Karma: 10
Join Date: Jun 2011
Device: none
|
I'll give it a shot, thanks Jellby!
|
![]() |
![]() |
Advert | |
|
![]() |
#6 |
Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 1,196
Karma: 1281258
Join Date: Sep 2009
Device: PRS-505
|
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 | Thread Starter | Forum | Replies | Last Post |
Center Image and Caption | SamL | ePub | 11 | 08-12-2011 09:27 AM |
Suggest a photo caption. Fun for dog and cat lovers | Falbe Publishing | Lounge | 23 | 02-22-2010 10:55 PM |
Shape changing eReaders | Daithi | News | 2 | 02-03-2010 04:12 PM |
Over 50? Out of Shape? Read This! | MickeyC | Reading Recommendations | 3 | 11-13-2008 10:28 AM |