Yahoo Clever wird am 4. Mai 2021 (Eastern Time, Zeitzone US-Ostküste) eingestellt. Ab dem 20. April 2021 (Eastern Time) ist die Website von Yahoo Clever nur noch im reinen Lesemodus verfügbar. Andere Yahoo Produkte oder Dienste oder Ihr Yahoo Account sind von diesen Änderungen nicht betroffen. Auf dieser Hilfeseite finden Sie weitere Informationen zur Einstellung von Yahoo Clever und dazu, wie Sie Ihre Daten herunterladen.
html: Verbinden von zwei Teilen eines Menuebildes?
Wäre schön, wenn mir jemand bei folgendem Problem helfen könnte.
Ich hab ein Meneubild zweigeteilt, um von hier ausgehend in verschiedene Bereiche zu verlinken.
Das Menuebild soll aber wie ein Bild aussehen, also keinen sichtbaren "border" zwischen den Bildteilen. Eigentlich dachte ich, "border=0" würde dies möglich machen, statt dessen aber werden die zwei Teile des Menuebildes von einer Linie getrennt dargestellt.
Hier mein Versuch:
<td height="768" width="514"><a href="link01.html"><img src="bildteil-links.png" border="0" height="768" width="514"></a></td>
<td height="768" width="514"><a href="figur.html"><img src="bildteil-rechts.png" border="0" height="768" width="514"></a></td>
Hat jemand eine Idee, wie das Bild als eine Einheit dargestellt werden kann?
Vielen Dank den (ersten) beiden Antworten. sowohl @juliansw89 und @Snoopy15_85 Lösungen sind interessant.
Zu @juliansw89:
Mit meinem html-Editor BlueGriffon (ansonsten wunderbar) hab ich beim direkten aneinanderreihen der entsprechenden html-Tags Probleme, dieser trennt sie automatisch in zwei Editor-Zeilen, so dass beinahe automatisch die Trennung zwischen linker und rechter Teil die Folge ist. Bevor ich versucht habe, BlueGriffon hier auszutricksen, hab ich die Lösung von
@Snoopy15_85 angesehen.
und ich erinnerte mich daran, dass ich diese Lösung mit den image-maps selbst schonmal vor Jahren ausprobiert hatte (da hatte ich eine Landkreiskarte auf diese Weise in Gemeindelinks geteilt. Nun, weil diese Methode so flexibel ist, und ich an anderer Stelle auch horizontale und vertikale Trennungen für Verlinkungen habe, scheint mir Deine Lösung ganz wunderbar.
Danke schonmal an Euch beide!
2 Antworten
- juliansw89Lv 5vor 10 JahrenBeste Antwort
Probier mal diesen Code
<a href="link01.htm"><img border="0" src="bildteil-links.png" width="514" height="768"><a href="figur.htm"><img border="0" src="bildteil-rechts.png" width="514" height="768">
Ist ohne Tabell aber funktioniert. habs bei mir getestet
- vor 10 Jahren
Du kannst auch eine sog. ImageMap verwenden. Dabei definierst du für ein angezeigtes Bild, welche Bereiche anklickbar sein sollen und kannst für jeden Bereich einen eigenen Link definieren.
Gibt dafür einfach Editoren, damit man das nicht von Hand machen muss,
geht sogar mittlerweile Online.
Quelle(n): Online ImageMap-Editor: http://www.image-maps.com/ Verweis-sensitive Grafiken (Image Maps) bei selfhtml.de: http://de.selfhtml.org/html/grafiken/verweis_sensi...
