|
|
#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,571
Karma: 20150435
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. |
|
|
|
![]() |
|
Similar Threads
|
||||
| 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! | MickeyC | Reading Recommendations | 3 | 11-13-2008 11:28 AM |