Help, my images are misaligned

servant3448
servant3448
edited June 2011 in Campaign Portal Building
Hi there, my images are behaving in a weird manner. Its like they're nesting in the previous tag or something. It looks like this:

http://i847.photobucket.com/albums/ab33/servant3448/halp.jpg

Ideally the headings would look like:

IMAGE name here

IMAGE name here

IMAGE name here

IMAGE name here

=====================================

My code is as follows:

h4. Dominions

!(media-item-align-left){height:55x;width:45px}http://cdn.obsidianportal.com/assets/54991/lund.png(Lund)!
[[Duchy of Lund]]

!(media-item-align-left){height:55px;width:45px}http://cdn.obsidianportal.com/assets/54992/bain.png(Bain)!
[[Kingdom of Bain]]

!(media-item-align-left){height:55px;width:45px}http://cdn.obsidianportal.com/assets/54993/padavona.png(Padavona)!
[[Republic of Padavona]]

!(media-item-align-left){height:55px;width:45px}http://cdn.obsidianportal.com/assets/54994/FILLMORE.png(Fillmore)!
[[Holy Dominion Fillmore]]


[[Bellars]]

Comments

  • Langy
    Langy
    Posts: 364 edited June 2011
    Try rewriting the code like this:

    h4. Dominions

    !(media-item-align-left){height:55x;width:45px}http://cdn.obsidianportal.com/assets/54991/lund.png(Lund)!

    [[Duchy of Lund]]

    !(media-item-align-left){height:55px;width:45px}http://cdn.obsidianportal.com/assets/54992/bain.png(Bain)!+

    [[Kingdom of Bain]]

    !(media-item-align-left){height:55px;width:45px}http://cdn.obsidianportal.com/assets/54993/padavona.png(Padavona)!

    [[Republic of Padavona]]

    !(media-item-align-left){height:55px;width:45px}http://cdn.obsidianportal.com/assets/54994/FILLMORE.png(Fillmore)!

    [[Holy Dominion Fillmore]]

    The way you currently have it set up, the names are included in the 'align-left' block (because there is only one new line between the block start and the name rather than two). I'm not *positive* what I posted will work, but I think it will.
    Post edited by Langy on
  • servant3448
    servant3448
    Posts: 2
    Still the same deal, just misaligned the text with the image... Thanks for the effort though.

    Looks like the way to go is to use tables, from what I've researched
  • gaaran
    gaaran
    Posts: 740
    I bet that you'd actually be able to fix it with a line break or two after each link, so it would look like:

    !(media-item-align-left){height:55x;width:45px}http://cdn.obsidianportal.com/assets/54991/lund.png(Lund)!
    [[Duchy of Lund]]


    !(media-item-align-left){height:55px;width:45px}http://cdn.obsidianportal.com/assets/54992/bain.png(Bain)!
    [[Kingdom of Bain]]


    !(media-item-align-left){height:55px;width:45px}http://cdn.obsidianportal.com/assets/54993/padavona.png(Padavona)!
    [[Republic of Padavona]]


    !(media-item-align-left){height:55px;width:45px}http://cdn.obsidianportal.com/assets/54994/FILLMORE.png(Fillmore)!
    [[Holy Dominion Fillmore]]

    NOTE: I included two line breaks after each one because for some reason it needed two between the first and second, and I like things to be symmetrical, so they all got two.
  • GamingMegaverse
    GamingMegaverse
    Posts: 3,037
    The breaks are the key for me as well!!
    killervp
    "A God...Rebuilt":http://www.obsidianportal.com/campaigns/a-god-rebuilt

    Just trying to help out.

Sign In or Register to comment.

September 2026
City of Shadows

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