Banner mit mehreren Ebenen?

Dieses Thema im Forum "Programmierung" wurde erstellt von Matt, 19 April 2009.

  1. Matt

    Matt Member

    Hi Leute,

    ich habe eine Frage: Ist es möglich, ein ganz normales Bild in HTML wie in Photoshop eine andere Ebene darüber zu legen? Am besten ihr schaut euch mal den Screenshot unten an. Der Aufkleber "Neu: Eventkalender" soll klickbar sein. Das Problem ist allerdings, dass der Banner eben schon klickbar ist (HOME). Kann man jetzt theoretisch diesen Aufkleber über den Banner legen, so dass ein seperater Link möglich ist? Momentan ist nämlich der Aufkleber mit dem Banner Eins. Sprich eine Datei. Ich befürchte, das ist (wenn überhaupt) nur mit Java lösbar.

    Danke, gruß, Mätt
  2. Admin

    Admin Active Member

    AW: Banner mit mehreren Ebenen?

    Doch klar das geht ganz einfach mit dem MAP-Tag
    http://www.html-world.de/program/html_14.php
    http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm


    hier mal ein Beispiel:

    HTML:
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    </head>
    <body>
    <a href="http://www.xtopic.de" target="_blank"><img src="Qualatex_Pastellfarben.jpg" alt="test" width="432" height="254" border="0" usemap="#Map" />
    <map name="Map" id="Map"><area shape="circle" coords="75,125,75" href="http://www.google.de" alt="dfsdf" /><area shape="rect" coords="20,12,427,252" href="http://www.test.de" alt="dfsdf" />
    </map></a>
    </body>
    </html>
    

    Musst dann aber mit 2 Area arbeiten
  3. Ravenheart

    Ravenheart Discordianer

    AW: Banner mit mehreren Ebenen?

    Alternativ geht's natürlich auch mit Layern und fester Position.
  4. Matt

    Matt Member

    AW: Banner mit mehreren Ebenen?

    Danke für eure Antworten. :D
  5. Matt

    Matt Member

    AW: Banner mit mehreren Ebenen?

    Zusatzfrage:

    Das ganze hat super mit dem map-tag funktioniert. Es funktioniert problemlos mit Opera 9.64 und dem aktuellen Firefox. Nur der IE7 frisst nun den Link des großen Banners nicht mehr. Die Aufkleber lassen sich problemlos klicken und führen auch zum Ziel, nur der große Banner ist eben klickbar, aber es passiert nichts.

    Was könnte das sein?!

    Danke!
  6. Excalibur1976

    Excalibur1976 New Member

    AW: Banner mit mehreren Ebenen?

    Deine Image-Map hat bei usemap ein # (usemap="#name_der_map") vor der Bezeichnung, oder?

    Poste doch einfach mal den HTML-Quellcode
  7. Matt

    Matt Member

    AW: Banner mit mehreren Ebenen?

    Ja, die Raute ist vorhanden. Hier der Code:

    HTML:
    <div id="navigation">
    <a href="<?php bloginfo('url'); ?>"><img src="http://www.sigcitypics.de/wordpress/wp-content/themes/fractalrainbow/images/header.gif" border="0" usemap="#commercial"></a>
                 <map name="commercial">
    			 
    			   <area shape="circle" coords="102,91,68"
    			   href="http://www.sigcitypics.de/2009/04/18/sigcity-update-eventkalender/" alt="sticker_event_trans.png" title="Sticker neuer Eventkalender">
    			   <area shape="circle" coords="212,75,65"
    			   href="http://www.sigcitypics.de/blackbook/" alt="sticker_notiz_trans.png" title="Sticker neuer Notizblock">
    			  
    			 </map>
    
    		
    			<!-- <ul>
                  		<li class="page_item"><a href="<?php bloginfo('url'); ?>">Home</a></li>
    
    	<?php wp_list_pages('depth=1&title_li='); ?>
    	
                    </ul>-->
    	
    	
    	</div>

Diese Seite empfehlen