Markdown Unordered List Not Indented

charking · 2015-05-18 04:48:59

I have been using MarkdownPad with the TTG modules for several years now. Initially an unordered list,both bullets and adjacent text, would be indented from the other text in the text block in MarkdownPad; while on the web the bullets would be flush with the other text, which I found acceptable. This held true in CE3. Now in CE4 I find that the MarkdownPad appearance is unchanged; but on the web all the text is aligned and the bullets are outside the text to the left. From the looks of it, the Markdown coding is held as a fragment and interpreted on the run, so there is not changing the html coding before uploading to the server. Has anyone else had this problem? And is there a solution?

rod barbee · 2015-05-18 05:46:02

can you post a link to a page that shows the problem?

rod barbee · 2015-05-18 05:53:41

for me, the lists look the same in Lightroom and on the web (using Markdown syntax directly in Lightroom, not MarkdownPad)

charking · 2015-05-18 06:14:30

www.charking.com

The text in MarkdownPad is simply cut-and-pasted into Lightroom so that's not an issue. It's in going from Lightroom to the web that I am having my problem.

rod barbee · 2015-05-18 08:58:55

Just tried a list on a page that's using a page image and I'm seeing the same thing you are.

I think this is due to how floats affect unordered list items. Try something like this:

<ul style="display:inline-block;">
<li>item 1a</li>
<li>item 2a</li>
<li>item 3a</li>
</ul>

display: table; also seems to work

charking · 2015-05-18 11:17:41

Thanks, Rod, for your suggestions. I also tried a numbered list; but the results were the same, the numbers to the left of all the text.

I had earlier tired this embedded code:

<code>
<ul class="disc">
    <li>flamenco dance</li>
    <li>architecture</li>
    <li>street photography</li>
    <li>paintings and other art works</li>
    <li>candid event photography</li>
</ul>
</code>

The problem persisted with the added one that the text in the list was smaller that that outside the list. I then tried your suggested code combined with mine.

<code>
<ul class="disc", style="display:inline-block;">
    <li>flamenco dance</li>
    <li>architecture</li>
    <li>street photography</li>
    <li>paintings and other art works</li>
    <li>candid event photography</li>
</ul>
</code>

This worked as I wanted except that again the text in the list was smaller than that outside the list. So all I have to do now is increase the font size, a problem I was working on earlier today with no success. You can see it on my web site. However, I am making progress. Thanks again for your suggestions.

rod barbee · 2015-05-18 11:20:00

the reason the text is smaller is that you have it wrapped in <code> tags. Remove those and it should look fine.

charking · 2015-05-19 00:01:27

Thanks again, Rod, for your help. I got your last email last night just as I was about to go to bed; so I didn't make the fix until this morning. The bullets line up properly now. A bit more space above and below the unordered list than I would like, but I can work on that. I am reworking my web site, so more changes are to come, especially in the galleries.

Although, as I say on my web site, I've had many years in IT, all my coding experience was on mainframes. I am slowly learning some html and css coding as I work on my site, often going in to tweak the code after compiling the TTG modules. The <code> bit I picked up from a web search, but didn't understand the implications. So much to learn, so little time.

Last edited by charking (2015-05-19 00:06:55)

rod barbee · 2015-05-19 00:10:36

So much to learn, so little time.

Yep

But it keeps your brain from turning into pudding.
Usually.

Community @ The Turning Gate

#1 2015-05-18 04:48:59

Markdown Unordered List Not Indented

#2 2015-05-18 05:46:02

Re: Markdown Unordered List Not Indented

#3 2015-05-18 05:53:41

Re: Markdown Unordered List Not Indented

#4 2015-05-18 06:14:30

Re: Markdown Unordered List Not Indented

#5 2015-05-18 08:58:55

Re: Markdown Unordered List Not Indented

#6 2015-05-18 11:17:41

Re: Markdown Unordered List Not Indented

#7 2015-05-18 11:20:00

Re: Markdown Unordered List Not Indented

#8 2015-05-19 00:01:27

Re: Markdown Unordered List Not Indented

#9 2015-05-19 00:10:36

Re: Markdown Unordered List Not Indented

Board footer