Jetzt kostenlos anmelden!
das allgemeine Forum mit dem X      
JETZT kostenlos registrieren!
Antwort LinkBack Themen-Optionen
Alt 19.04.2009, 17:39   #1
Benutzerbild von Matt
Matt
X-Liebhaber

Banner mit mehreren Ebenen?


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
Angehängte Grafiken
Dateityp: jpg Aufzeichnen.JPG (69,8 KB, 25x aufgerufen)
 
Alt 19.04.2009, 17:47   #2
Benutzerbild von Sebastian
Sebastian
Mädchen für alles

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..._sensitive.htm


hier mal ein Beispiel:

HTML-Code:
<!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
 
Folgender Benutzer sagt Danke zu Sebastian für den nützlichen Beitrag:
Matt (19.04.2009)
Alt 19.04.2009, 18:02   #3
Benutzerbild von Ravenheart
Ravenheart
Discordianer

AW: Banner mit mehreren Ebenen?


Alternativ geht's natürlich auch mit Layern und fester Position.
 
Folgender Benutzer sagt Danke zu Ravenheart für den nützlichen Beitrag:
Matt (19.04.2009)
Alt 19.04.2009, 18:08   #4
Benutzerbild von Matt
Matt
X-Liebhaber
Themenstarter

AW: Banner mit mehreren Ebenen?


Danke für eure Antworten.

Geändert von Matt (19.04.2009 um 18:18 Uhr)
 
Alt 23.04.2009, 17:51   #5
Benutzerbild von Matt
Matt
X-Liebhaber
Themenstarter

Lächeln

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!
 
Alt 23.04.2009, 18:06   #6
Benutzerbild von Excalibur1976
Excalibur1976
Top-Spammer

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
 
Alt 24.04.2009, 18:56   #7
Benutzerbild von Matt
Matt
X-Liebhaber
Themenstarter

AW: Banner mit mehreren Ebenen?


Ja, die Raute ist vorhanden. Hier der Code:

HTML-Code:
<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>
 

Antwort

Themen-Optionen


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Großrazzia in mehreren Flatrate-Bordellen icehouse Liebe & Beziehung 1 27.07.2009 11:08

Hunderassen | Elternforum | Nagelforum

forenlist.de Deine Forenliste Ranking-Hits computer
Sedo - Domains kaufen und verkaufen etracker® Web-Controlling statt Logfile-Analyse