Guest chrossat Posted November 6, 2007 Share Posted November 6, 2007 Hello, I would like to add a link in the header of the shop. The header is made of a background-image. The code of the header is: <div id="Header"> <div id="Session"> {SESSION} </div> </div><!--close Header --> I tried to add <a href...></a> in the Header <div>, but nothing happend. Can somebody tell me how to do that? Thank you chrossat Quote Link to comment Share on other sites More sharing options...
Guest Brivtech Posted November 13, 2007 Share Posted November 13, 2007 You can't make a background image hyperlink. You need something in the foreground for that. Quote Link to comment Share on other sites More sharing options...
Guest Posted November 13, 2007 Share Posted November 13, 2007 I don't know why Devellion decided to make the Logo a background anyway? Surely it would have made sense to make it a clickable logo as all sites do this. Quote Link to comment Share on other sites More sharing options...
Guest Brivtech Posted November 16, 2007 Share Posted November 16, 2007 Probably, but there's nothing stopping you adding a logo over the background and making that clickable. It also allowed them to have the session data over that background image without it having to be in a separate box. Why doesn't anyone try an image map to create a link over the background to make it clickable? You know, something like: <MAP NAME="map1"> <AREA HREF="index.php" ALT="Back to Home Page" TITLE="Home Page Link" SHAPE=RECT COORDS="6,116,97,184"> <a name="ex1_13" id="ex1_13"></MAP> http://www.w3schools.com/tags/tag_area.asp Quote Link to comment Share on other sites More sharing options...
Guest wonderworks Posted November 24, 2007 Share Posted November 24, 2007 Ok, I was asking for help but figured it out myself. I made a totaly transparant gif (map.gif) of 515 pixels wide and 90 high put the following in the header <div> <img src ="/map.gif" align="LEFT" width="515" height="90" border="NONE" alt="" usemap ="#clickmap" /> <map id ="clickmap" name="clickmap"> <area shape ="rect" coords ="0,0,255,90" href ="URL 1 here" /> <area shape ="rect" coords ="260,0,515,90" href ="URL 2 here" /> </map> This works great. The header is now clickable in 2 regions that both call a different url. The idea behind this is to have a new header with some extra's in a horizontal frame and run cubecart in another horizontal frame below that and use the original cubecart header as a place to have 2 clickable ads next to the language and currency selection. You could of course also have just 1 clickable header that only links to the shop homepage. Just make the coords for the first <area shape 0,0,515,90 and remove the second <area shape line. cheers, Daan Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.