Inserting an inline tab on text within a div box

This forum is for all Flare issues not related to any of the other categories.
Post Reply
sdcinvan
Propellus Maximus
Posts: 1260
Joined: Wed Aug 21, 2013 11:46 am
Location: Vancouver, Canada

Inserting an inline tab on text within a div box

Post by sdcinvan »

Hello all,

I am having a difficult time trying to find a way to insert a one-time tab inside a <div> box, without having to create yet another style in my stylesheet.

I have a div box and inside the box is text in a special style. Normally, all text lines begin at the left margin but text line 2 needs to be slightly indented:

Code: Select all

<div class="figure" style="width: 620px;height: auto;text-align: left;">
<br style="color: #696969;mc-tag-and-class: cite;" /><cite class="sw_typing" style="color: #696969;">text line 1</cite>
<br style="color: #696969;mc-tag-and-class: cite;" /><cite class="sw_typing" style="color: #696969; padding-left: 10em;">text line 2</cite>
<br style="color: #696969;mc-tag-and-class: cite; ; text-indent: 20px;" /><cite class="sw_typing" style="color: #696969;">text line 2</cite>
I've tried different positions and both "text-indent" and "padding-left" and both have absolutely no effect on the PDF output. I have also tried other ideas but I want to avoid using a non-breaking space.

Any suggestions?

Thanks so much!
Shawn in Vancouver, Canada
Main tools used: Flare 11.x, InDesign, Google Docs, Lectora, Captivate.
Report bugs: https://www.madcapsoftware.com/feedback/bugs.aspx ▪ Feature requests: https://www.madcapsoftware.com/feedback ... quest.aspx[/i]
kwag_myers
Propellus Maximus
Posts: 810
Joined: Wed Jul 25, 2012 11:36 am
Location: Ann Arbor, MI

Re: Inserting an inline tab on text within a div box

Post by kwag_myers »

First, there are two semi-colons before text-indent: 20px;. That doesn't fix the problem, but it shouldn't be there. Also, why are the line breaks styled?

Anyway, try replacing the line breaks with div's (and I also used margin-left instead of indent):

Code: Select all

        <div class="figure" style="width: 620px;height: auto;text-align: left;">
            <br style="color: #696969;mc-tag-and-class: cite;" /><cite class="sw_typing" style="color: #696969;">text line 1</cite>
            <div style=" padding-left: 10em;"><cite class="sw_typing" style="color: #696969;">text line 2</cite>
            </div>
            <div style="margin-left: 20px;"><cite class="sw_typing" style="color: #696969;">text line 2</cite>
            </div>
        </div>
"I'm tryin' to think, but nothin' happens!" - Curly Joe Howard
sdcinvan
Propellus Maximus
Posts: 1260
Joined: Wed Aug 21, 2013 11:46 am
Location: Vancouver, Canada

Re: Inserting an inline tab on text within a div box

Post by sdcinvan »

kwag_myers wrote:First, there are two semi-colons before text-indent: 20px;. That doesn't fix the problem, but it shouldn't be there. Also, why are the line breaks styled?
Thanks for your reply. Sorry, I was sloppy in my adhoc coding b/c I didn't have access to Flare at the time. The actual source doesn't have those errors. The styled break was also the result of mindless editing. :(

Anyhow, the additional <div style=" padding-left: 10em;"> was a perfect solution. Thank you.
Shawn in Vancouver, Canada
Main tools used: Flare 11.x, InDesign, Google Docs, Lectora, Captivate.
Report bugs: https://www.madcapsoftware.com/feedback/bugs.aspx ▪ Feature requests: https://www.madcapsoftware.com/feedback ... quest.aspx[/i]
Post Reply