Problem with Bulleted Lists in Safari

BiggerBoat
BiggerBoat
edited June 2010 in Campaign Portal Building
My wiki home page is laid out in two columns, with image headers and bullets. Everything looks fine in IE and Firefox, but on Safari the first bullet below the header in each group is always aligned to the right.

My campaign site is in beta/building mode so I've had it private, but I've made it public if anyone would care to give the wiki a look and help me sort out a solution. It's not a deal-breaker, but it's bothersome.

"http://www.obsidianportal.com/campaign/18415/wikis/main-page":http://www.obsidianportal.com/campaign/18415/wikis/main-page

Here's a screenshot of how it looks in Safari:

"http://img96.imageshack.us/img96/2050/safariu.jpg":http://img96.imageshack.us/img96/2050/safariu.jpg

Thanks!

Comments

  • gaaran
    gaaran
    Posts: 740
    So I have no idea why it's doing that in Safari, but I wanted to say that your site is looking pretty awesome, and looks like you're going to be putting a lot of detail into it, which is great :).
  • BiggerBoat
    BiggerBoat
    Posts: 5
    Thanks gaaran. I wouldn't have got anywhere if it wasn't for all the good advice here in the forums and by looking at some of the nice campaigns (such as yours) for inspiration. We're still formative and much work to do, but I appreciate the compliment.
  • gnunn
    gnunn
    Posts: 423
    Could you post the code you're using? My best guess is that the image header may be interfering and pushing the first bullet off to the far side of the column... but I'm totally pulling that out of my tuckus.
  • BiggerBoat
    BiggerBoat
    Posts: 5
    Sure. Thanks. Here's the code for the page:





    !(media-item-align-left)http://cdn.obsidianportal.com/assets/13927/head_history.gif(Head history)!
    * [[Lost Age]]
    * [[Age of Darkness]]
    * [[Age of Renewal]]
    * [[Modern Age]]

    !(media-item-align-left)http://cdn.obsidianportal.com/assets/13986/head_races.gif(Head races)!
    * Andarians
    * Rusalka (Marsh Elves)
    * Brokk (Mountain Dwarves)
    * Grunne (Seaborne Orcs)
    * Leeu
    * [[Varou]]

    !(media-item-align-left)http://cdn.obsidianportal.com/assets/13933/head_organizations.gif(Head organizations)!
    * Council of Twelve
    * [[Augurs]]
    * [[Andarian Militia]]

    !(media-item-align-left)http://cdn.obsidianportal.com/assets/13930/head_beliefs.gif(Head beliefs)!
    * [[Brenwynn]]
    * Old gods
    * Myrrdin


    !(media-item-align-left)http://cdn.obsidianportal.com/assets/13935/head_creatures.gif(Head creatures)!
    * Placeholder




    !(media-item-align-left)http://cdn.obsidianportal.com/assets/13931/head_territories.gif(Head territories)!
    * Andaria
    * Evermere
    * Fellborne
    * Stonehold
    * Plains of Garadul
    * Bone Barrens
    * Wastewater
    * Kotan
    * Nytar

    !(media-item-align-left)http://cdn.obsidianportal.com/assets/13932/head_places.gif(Head places)!
    * Dragon's Spine
    * Malumin

    !(media-item-align-left)http://cdn.obsidianportal.com/assets/13943/head_houses.gif(Head houses)!
    * Haywick
    * Neverian
    * Thorn
    * Sondirra
    * Drakyn

    !(media-item-align-left)http://cdn.obsidianportal.com/assets/13938/head_pcs.gif(Head pcs)!
    * [[:97748 | Derryth Bearach]]
    * [[:falaran-minoras-neverian | Falaran Minoras Neverian]]
    * [[:maxwell-vornack | Maxwell Vornack]]

    !(media-item-align-left)http://cdn.obsidianportal.com/assets/13939/head_npc.gif(Head npc)!
    * Placeholder
    * Placeholder
    * "View All NPC's....":http://www.obsidianportal.com/campaign/18415/npc-tracker







    !http://cdn.obsidianportal.com/assets/14066/header_playing_game.gif!

    * [[Fate Economy Flow Chart]] - A guide to aspects and Fate points
    * [[The Skill Spread]] - See how the party skill balance shapes up
  • gnunn
    gnunn
    Posts: 423
    Yeah, looking at the code, I am almost positive that the error is caused by the textile shorthand. I can't test this at work, because I don't have Safari here, but my first recommendation is to try enclosing the headers in their own like so.

    Instead of:

    !(media-item-align-left)http://cdn.obsidianportal.com/assets/13927/head_history.gif(Head history)!
    * [[Lost Age]]
    * [[Age of Darkness]]
    * [[Age of Renewal]]
    * [[Modern Age]]

    Try:


    !(media-item-align-left)http://cdn.obsidianportal.com/assets/13927/head_history.gif(Head history)!



    * [[Lost Age]]
    * [[Age of Darkness]]
    * [[Age of Renewal]]
    * [[Modern Age]]

    Let me know if this works.
  • BiggerBoat
    BiggerBoat
    Posts: 5 edited June 2010
    Thanks much for the suggestion, Gnunn. That doesn't seem to do the trick, though it was a good idea. I implemented the code on the first category on the wiki main page, but it looks the same in Safari as the others.

    I may just need to get over it. It certainly doesn't inhibit use of the page, but it's just a bit irksome when I've been deliberate about the layout.
    Post edited by BiggerBoat on
  • Morrinn
    Morrinn
    Posts: 166
    Man, that looks really good, BiggerBoat. Nice clean layout.
Sign In or Register to comment.

May 2024
The World of Elurah

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

Categories