How to Call Imagemap defined in CSS

  • BettyLew

    (@bettylew)


    13 years, 10 months ago

    Using tutorials on the internet I added code to my child css file that creates an image map with rollover effects. But the tutorial didn’t say how to get it on your page. Could someone please give me some guidance on how to do that. I totally don’t know what I am doing, so I need beginner directions.

    In CSS I called it “map” and gave it all the information. Now on my page “Our Commitment” I want to add the map.

    Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • deepbevel

    (@deepbevel)

    13 years, 10 months ago

    css doesn’t create output. There needs to be a div tag which wraps the element you want your css to apply to.

    <div class="map")

(whatever code is here gets the css)

</div>

    Thread Starter BettyLew

    (@bettylew)

    13 years, 10 months ago

    Thanks deepbevel. But, I don’t guess I understand. Here is the first few lines in the css file relating to the map.

    #map {
    margin:0;
    padding:0;
    width:960px;
    height:720px;
    background:url(http://theauthorsbeacon.com/wp-content/uploads/2012/07/Beacon.jpg) top left no-repeat #fff;
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
    }

    Here is what I have on the page itself.
    <div id=”map”> </div>

    What goes in between the beginning and closing div markers?

    deepbevel

    (@deepbevel)

    13 years, 10 months ago

    The code which outputs the map goes between the div tags. You should have a template tag for it which calls the map function. Then the output is styled by the css. The css only styles.

    I don’t know anything about your map code, so I can’t tell you what it is.

    the map template tag is php code, wrapped in your css div it will look something like:

    <div id="map">
<?php get the_map();?>
</div>

    Thread Starter BettyLew

    (@bettylew)

    13 years, 10 months ago

    OK. Thanks for responding.

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

The topic ‘How to Call Imagemap defined in CSS’ is closed to new replies.