WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Image-Maps bottom text links (10 posts)

  1. queberican351
    Member
    Posted 11 months ago #

    I made a map of the US with image-maps.com and all went great except I also included the bottom text links so that they could be clickable too. Both are functional on my site, but the bottom text in an html page come out like this
    state | state | state | state | state | state | state | state | state
    nice and concise and centered

    but on my wordpress the come out
    state
    | state
    | state
    | state
    | state
    | state
    | state
    | state
    | state

    Any ideas how I might fix that?
    Thank you WP Guru's in advance :)

  2. lucheto
    Member
    Posted 11 months ago #

    Do you have a link to you website so that we can check the css? Maybe you are not setting the list item display to inline in your css.

  3. queberican351
    Member
    Posted 11 months ago #

    http://urbanassaultcellular.info/blog/?page_id=2

    Thank you for your help :)

    Disregard all the sidebar gibberish and menu stuff, it's not a concern as of yet. I'm just looking more into getting this image map layout to work.

  4. lucheto
    Member
    Posted 11 months ago #

    The map is entirely on html right? After each link there is break "" which is causing the next link to start in a new line. Try removing it. I would also make it a list "

      " just to keep the order.

      If you need help just hit me up with an email [Redacted - Please don't ask people to email you here]

  5. queberican351
    Member
    Posted 11 months ago #

    E-Mail sent. I don't see the breaks in the editor. Only when I inspect element in Chrome.
    Thanks for your help :)

  6. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 11 months ago #

    Guys, can you please keep support on these forums?
    There is no point using these forums otherwise.

    Thanks.

  7. queberican351
    Member
    Posted 11 months ago #

    I emailed the huge chunk of code. I'll place an example here as well should someone need this info in the future and try to keep followups through the forum. Thanks Andrew.

    Sample

    <div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:1000px;">
    	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://mytestdomain.com/north-america/alabama" title="Alabama">Alabama</a>
     | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://mytestdomain.com/north-america/alaska" title="Alaska">Alaska</a>
  8. lucheto
    Member
    Posted 11 months ago #

    So, i've seen the chunk of code you sent me. It should world just by copy-pasting it. Sometimes wordpress does weird thing if you paste the code. Try editing it in the text window. There you should see a
    after each link.

  9. queberican351
    Member
    Posted 11 months ago #

    I'm thinking, (gonna try now) that rather than have one per line (cause there may be unnecissary spacing before and after) setting it as a run on with single spacing? So it would be something like

    <div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:1000px;"> <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://mytestdomain.com/north-america/alabama" title="Alabama">Alabama</a> | <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://mytestdomain.com/north-america/alaska" title="Alaska">Alaska</a>

  10. queberican351
    Member
    Posted 11 months ago #

    Yup, That did it. Thanks Lucheto. You saved me a lot of headache :)

Reply

You must log in to post.

About this Topic