Webmaster Forums

Full Version: How To use map in css
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
How To use map in css
Don't really understand this question. Personally, I think CSS is a nice method for controlling how your maps would appear.

Thanks,
start writing the CSS code and creating a style ID called “photo.” Begin by entering the code into the <head> of the document that you see bellow:-
Code:
<html>

<head>

<title>CSS Image Map</title>

<style type="text/css">  

#photo {    

width: 300px;      

height: 224px;    

position: relative;      

background-image: url(images/fruity_cones.jpg);    

background-repeat: no-repeat;

}

</style>

</head>

<body>

<div id="photo"> <ul>

<li class="apple"><a href="http://www.bestapples.com" title="Washington Apples">Washington Apples</a></li>

<li class="orange"><a href="http://www.floridaorange.com" title="Florida Oranges">Florida Oranges</a></li>

</ul>

</div>

</body>

</html>
---------------------------------------------------------
Web Design Birmingham
Website Design Birmingham
Let’s start writing the CSS code and creating a style ID called “photo.” Begin by entering the code into the <head> of the document that you see bellow
Code:
<html>

<head>

<title>CSS Image Map</title>

</head>

<body>

<div id="photo"> <ul>

<li class="apple"><a href="http://www.bestapples.com" title="Washington Apples">Washington Apples</a></li>

<li class="orange"><a href="http://www.floridaorange.com" title="Florida Oranges">Florida Oranges</a></li>

</ul>

</div>

</body>

</html>

-----------------------------------------------------
Kerastase
Kerastase Reflection
Hello sshayndell12,

Great Post about CSS coding of Map.
I like it.
Thanks for Sharing.
Can you please give us any example where the code is used in any webpage of a website so that we can have a glance of how it works...thanks in advance Smile
Reference URL's