Creating area positioned links using <MAP> or CSS on header

Creative, responsive and unique Joomla template to create personal portfolio website with amazing animations and clean design.
Post a reply
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Aug 03, 2014 8:58 am
Reply with quote
Report this post
Hello,

I've got the task to make the clickable links on header image. In module "Header I" custom HTML I've tried to use <map> and <area> tags, but it didn't appear at all. Then I tried to make CSS style "top:200px; left:500px" which worked but I can't control it (it disappears as main text rolls in and it doesn't move anywhere top or right).

Website is BURTOUR.COM . You will see map of lake Baikal on header and destination titles which I need to be links.
Thanks a lot for support.
User avatar
Fresh Boarder
GK User
Mon Aug 04, 2014 7:04 am
Reply with quote
Report this post
You need to use position absolute and z-index to push element on top of everything.
User avatar
Moderator
Post a reply
cron