Isn't two Divs with text and an image supposed to be easy???

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets
Post Reply
slopez
Jr. Propeller Head
Posts: 1
Joined: Thu Dec 12, 2013 12:15 pm

Isn't two Divs with text and an image supposed to be easy???

Post by slopez »

New to Flare...

Trying to create friendly output for pdf, web and mobile.

Trying to set up a very basic template that has one main div at 100% that holds 2 divs;, each set to 50% width.
Left side holds formatted text, and right side hold a large screenshot image.
I just want a nice row that will display the text and image next to each other for pdf and will bump the image down under the text for web and mobile; image should be responsive as window grows or reduces (don't like the thumbnail option.)

Myself and a developer have put in countless hours trying to make this work throughout the three mediums; the only way we can get the web/mobile image adapt it's size based on the window size is as a background image, which won't display for pdf (I'd have to create like a hundred styles for print medium to reflect each image if I wanted to go with the bg image). We know to pay attention to the different mediums, and I have different styles for each medium's img style, but it won't work.

Everyone is telling me to just use tables, and condition the text and images for online output (which basically means duplicating everything), but I thought the whole idea of Flare was to truly single source content and media.

Has anyone made something like this work?
MunchMan
Propeller Head
Posts: 28
Joined: Mon Oct 19, 2015 9:35 am
Location: near Dallas, TX

Re: Isn't two Divs with text and an image supposed to be eas

Post by MunchMan »

Hi Slopez, did you ever get this to work? I'm 2 years with PDFs in Flare and just starting Responsive Layout. I made a simple 3-cell RL div, where for Web the first two are each 50% (6) so they're side-by-side, and the 3rd is also 50% so it becomes the second row (it's a caption for the image in cell 1). In Mobile they're all 100%, so cell 2 wraps down and it's 1-2-3 vertically: image, callouts, caption. But in PDF, the 3rd cell is printing immediately under cell 2, to the right of cell 1, instead of resetting under it. What have you learned since 2013 that'll help me here? :D I think I read somewhere that RL didn't do good in print, but this isn't super-complex, and don't want to duplicate all my image/callout/caption sets to Print and Screen conditions just because it won't print right. Thanks!
Post Reply