View Full Version : How would I change the logo to an image map?
K4GAP
02-17-2014, 01:52 PM
Before I delete my entire header and replace it with my code for an image map, is there any easier way?
I want different highlights of my image map to represent links on my site.
Seven Skins
02-18-2014, 08:19 AM
You can use div's with position: relative css.
But the divs will all be rectangular not like image map.
<style type="text/css">
.wrap { width: 400px; height: 200px; background: #FFFACD; }
.aa { width: 20px; height: 20px; background: red; position: relative; top: 10px; left: 20px;}
.bb { width: 20px; height: 20px; background: blue; position: relative; top: 60px; left: 240px;}
.cc { width: 20px; height: 20px; background: green; position: relative; top: 90px; left: 140px;}
</style>
<div class="wrap">
<div class="aa"></div>
<div class="bb"></div>
<div class="cc"></div>
</div>
K4GAP
02-18-2014, 12:55 PM
Thanks SS I'll have a look at it. I've got my map finished, template edits done and ready to try it out. I'll have a look at yours if mine fails.
Thanks'
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.