WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. queberican351
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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
    Forum Moderator
    Posted 1 year ago #

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

    Thanks.

  7. queberican351
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic