Formatting beautiful on preview, garbage fire upon saving

punultimateword

Disclaimer: It's been quite a while (read: pre-reforge) since I've tried to do any major editing to a campaign.

I've been trying to use this format to outline landmarks & districts within cities in my campaign.  However, while the code looks perfectly fine in the editor preview, once I save it appears to be a garbage mishmash of raw code and some functional formatting.  Am I just grossly overlooking something?  Have I not made enough sacrifices to the eldritch code gods?  How can I beat this into submission?  Please and many thanks!

cgregory

The eldritch gods are merely aliens intent of invading earth to escape the AI intelligence they created using evil code.  Once you see the truth you realize that the alien nav, header, footer, article elements are already hiding on earth as divs wrapping their alien selves up in classes to fool us humans.

CSS Code (Cthulhu Secret Style Code)

div.container {

    width: 100%;

    border: 1px solid gray;

}

div.myheader, div.myfooter {

    padding: 1em;

    color: white;

    background-color: black;

    clear: left;

    text-align: center;

}

div.mynav {

    float: left;

    max-width: 160px;

    margin: 0;

    padding: 1em;

}

div.mynav ul {

    list-style-type: none;

    padding: 0;

}

   

div.mynav ul a {

    text-decoration: none;

}

div.myarticle {

    margin-left: 170px;

    border-left: 1px solid gray;

    padding: 1em;

    overflow: hidden;

}

You notice that that they hide in plain sight using div.my

HTML Code (Human Transformation Mimic Layer)

<div class="container">

<div class="myheader">

   <h1>City Gallery</h1>

</div>

 

<div class="mynav">

  <ul>

    <li><a href="#">London</a></li>

    <li><a href="#">Paris</a></li>

    <li><a href="#">Tokyo</a></li>

  </ul>

</div>

<div class="myarticle">

  <h1>London</h1>

  <p>London is the capital city of England. It is the most populous city in the  United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>

  <p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p>

</div>

<div class="myfooter">Copyright &copy; W3Schools.com</div>

</div>

 

A slight change but it results in what you can see on this test page.

 

 

 

punultimateword

Thank you for poking at it.  I input your adjustments and it still doesn't seem to be working on my end.  I compared source code side-by-side after changes and, at least in that particular area, everything is identical.  Other than a quick fix on map pin size, I don't have any other custom CSS floating around that might be interfering.  Quite frankly, I'm at a loss.  Below is the product I'm getting.  Not pictured: cries of impotent rage.

cgregory

Are you using textile or CkEditor as your default editor?

punultimateword

Current settings are textile editor and RedCloth 4 as parser.  Played around a bit with various combinations thereof and it doesn't seem to impact final product in any meaningful way.  Alas that it would be so easy.

cgregory

If you want, invite me to your campaign and i'll take a look.