Help with textile formatting with sidebar

MarkGiguere
MarkGiguere
edited February 2010 in Campaign Portal Building
Hello all,

I use the sidebar template written by gunn (http://docs.google.com/fileview?id=0B5gBfncCduKOY2YzOWU0YTQtZGE5Yi00ZjI2LWIwNzItYzk2MjU5YTk2MDZm&hl=en) with a background.

However, I have 2 problems.

First, anthing that is written in between the DIV tags seems to have a problem with formatting. For example, I can't make lists work. See here: http://www.obsidianportal.com/campaign/nerath-reborn/wikis/countries

Notice that the * appears, not the bullets. Also, on the same page, you can see that since the contents are not long enough to go past the saidebar, it looks stupid.

Therefore, my questions are:
1 - How can I 're-activate' the textile formatting while keeping my sidebar?
2 - How can I generate enough blank lines to manually push the contents to be long enough to have a scroll longer than the sidebar?

Thanks for your help!

Comments

  • gnunn
    gnunn
    Posts: 423
    If you post your code here, I would be happy to help you troubleshoot it. Textile can be very finicky, but it usually just requires a little patience to figure out what's going on.

    Just copy and paste your code in this thread and make sure your comment is formatted as "text" not "textile" and I'll see if I can figure out what's up.

    Your second issue can probably be solved either by inserting a bunch of
    tags, or by simply specifying the "height" attribute for the div containing the parchment background. Again, if you post your code, I'd be happy to show you how to go about doing that.
  • MarkGiguere
    MarkGiguere
    Posts: 53
    Hey, thanks for the help. Here is the code:



    INDEX



    *[[Main page]]*

    *[[Current Tasks]]*

    *[[Adventure Log]]*

    *[[House Rules]]*

    "%{color:blue}Map of Darwath%":http://www.obsidianportal.com/campaign/nerath-reborn/maps/show/5931



    *History*

    "%{color:blue}The Coming of the Dark%":http://www.obsidianportal.com/campaign/nerath-reborn

    [[Timeline]]



    *Countries*

    [[Nerath|Kingdom of Nerath]]

    [[Aren|Kingdom of Aren]]



    *Regions*

    [[Brown River Valley]]

    [[Nentir Vale]]



    *People*

    [[NPCs]]

    [[PCs]]



    *Groups*

    [[Classes]]

    [[Organizations]]

    [[Races]]

    [[Religions]]



    [[Links]]









    TEXT HERE
    - Chronicles of Hakiem
  • gnunn
    gnunn
    Posts: 423
    Okay, try this:



    INDEX



    *[[Main page]]*

    *[[Current Tasks]]*

    *[[Adventure Log]]*

    *[[House Rules]]*

    "%{color:blue}Map of Darwath%":http://www.obsidianportal.com/campaign/nerath-reborn/maps/show/5931



    *History*

    "%{color:blue}The Coming of the Dark%":http://www.obsidianportal.com/campaign/nerath-reborn

    [[Timeline]]



    *Countries*

    [[Nerath|Kingdom of Nerath]]

    [[Aren|Kingdom of Aren]]



    *Regions*

    [[Brown River Valley]]

    [[Nentir Vale]]



    *People*

    [[NPCs]]

    [[PCs]]



    *Groups*

    [[Classes]]

    [[Organizations]]

    [[Races]]

    [[Religions]]



    [[Links]]









    * List item 1
    * List item 2
    * List item 3

    - Chronicles of Hakiem





    I'm not sure if the look you were going for was two pieces of parchment floating over each other... If you intended the sidebar to look like one piece and the body text to look like a separate piece, I can probably also show you how to do that, but it will require slightly different coding.

    Here's what I changed:

    In the sidebar portion: added a bit more of a margin to keep the bullet points in the body from crowding the sidebar:
    see "margin-right:30px" in the first div tag.

    In the body portion:
    1. added a height attribute of 1000px so the page background would extend below the sidebar. This makes the div a fixed height, so for pages that are longer than that, simply remove the attribute. If you want the page shorter, simply reduce that number until it looks good.

    2. made sure there were line breaks surrounding your bulleted Textile list. Textile coding is very picky about blank spaces. If you have div tags butting directly up against most textile, the textile wont format. Adding a line break in your code will often solve this issue.

    Here's the portion of the code where I made these edits:



    * List item 1
    * List item 2
    * List item 3

    - Chronicles of Hakiem



    Let me know if you have any other questions. I'm always happy to help.
  • MarkGiguere
    MarkGiguere
    Posts: 53
    Thanks a lot. Exactly what I wanted. I played around with a few things but it had not occured to me to fix the height of the section.

    Excellent.

    I don't suppose you know a way of making these changes 'en masse' to all the pages I have already?
  • gnunn
    gnunn
    Posts: 423
    Unfortunately, I don't think it's possible at this point. There has been a lot of discussion floating around the boards about creating universal style templates, but for now each page has to be coded individually. I usually just do a copy/paste technique.

    If you copy everything down to include the tag just before your body text, you should be able to pop into each page, highlight the corresponding code and paste. Then the only other thing you really need to do is make sure you have line breaks around your body text.

    That's probably about as efficient a system as you're going to get with the way the site is set up now.
  • MarkGiguere
    MarkGiguere
    Posts: 53
    I assumed as much.

    Thanks a lot for your help!
Sign In or Register to comment.

March 2024
Wrath of the Highborn

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions