Ga terug   Computer Idee Forum > Internet > Websites maken

Antwoord
 
Discussietools Weergave
Oud 26 January 2013, 15:40   #1
anoniem31645
Guest
 
Berichten: n/a
Standaard css

Ik heb een header afbeelding op me website. Deze staat als achtergrond afbeelding en dus omschreven in de css code zoals hier onder. nu wil ik die (achtergrond) afbeelding op verschillende plekken klikbaar krijgen maar hoe doe ik dat? ik weet wel hoe ik dat met een gewone afbeelding doe (zie de onderste code) maar niet hoe ik dat doe met een achtergrond afbeelding vooral aangezien het verschillende maten en vormen zijn van de klikbare gebieden.


Code:
	background-image: url(../../../../img_algemeen/bkg_header2.png);
	background-repeat: no-repeat;
	background-color:#EFEFEF;
	height:150px;
	margin: 0em;
	padding:0px 0px 0px 0px;

HTML-code:
<div id="headerWrapper" >
<img src="bkg_header2.png" width="969" height="150" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="419,18,585,77" href="link 1" alt="gratis verzenden">
<area shape="rect" coords="422,81,581,135" href="#link 2" alt="niet goed geld terug">
<area shape="rect" coords="591,22,753,136" href="link 3" alt="promotie">
<area shape="rect" coords="797,8,952,81" href="link 4" alt="ideal">
<area shape="rect" coords="794,82,957,145" href="link 5" alt="keurmerk">
<area shape="rect" coords="359,98,405,145" href="link 5" alt="facefook">
</map>
  Met citaat antwoorden
Oud 26 January 2013, 17:14   #2
anoniem14945
Guest
 
Berichten: n/a
Standaard

Een achtergrondafbeelding kun je niet klikbaar maken. Dan zul je wat truuken uit moeten halen, bijvoorbeeld door er een transparante gewone afbeelding of een div overheen te leggen die je dan klikbaar maakt.
Maar met puur CSS gaat je dat niet lukken.
  Met citaat antwoorden
Antwoord

Discussietools
Weergave

Regels voor berichten
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Aan
Smileys zijn Aan
[IMG]-code is Aan
HTML-code is Uit

Forumnavigatie


Alle tijden zijn GMT +1. Het is nu 19:23.


Powered by vBulletin Version 3.8.6
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.