Image-Maps bottom text links

  • Resolved queberican351

    (@queberican351)


    11 years, 10 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 ??

Viewing 9 replies - 1 through 9 (of 9 total)

  • 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.

    Thread Starter queberican351

    (@queberican351)

    https://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.

    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]

    Thread Starter queberican351

    (@queberican351)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thanks.

    Thread Starter queberican351

    (@queberican351)

    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="https://mytestdomain.com/north-america/alabama" title="Alabama">Alabama</a>
 | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="https://mytestdomain.com/north-america/alaska" title="Alaska">Alaska</a>

    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.

    Thread Starter queberican351

    (@queberican351)

    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="https://mytestdomain.com/north-america/alabama" title="Alabama">Alabama</a> | <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="https://mytestdomain.com/north-america/alaska" title="Alaska">Alaska</a>

    Thread Starter queberican351

    (@queberican351)

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Image-Maps bottom text links’ is closed to new replies.