Linsk in Bildern setzen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abstand
anpassung
attribut
banner
bild
ersetzen
funktion
karte
koordinate
lieber zwei
nachlesen
setzen
sogenannten image
spontane idee
suchmaschine
tip
url
verweis
verwenden
zweiten abstand
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hmm...
Ich kenne mich da nicht wirklich aus, aber vil. knnte man das über zwei Div's lösen, die über das Bild gelegt werden. (Eines rechts, eines links)
Hintergrund ist transparent (bzw. gar kein Hintergrund), und ein onClick Event (JavaScript) führt dich dann zu der entsprechenden Seite...
Ist aber jetzt nur so eine spontane Idee :)
lg
Sincer -
Das funktioniert mit sogenannten Image Maps. Näheres findest du da:
http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm
Das ganze ist aber nicht so zu empfehlen, wenn's auch anders geht, denn Suchmaschinen durchblicken diese Art von Verweisen nicht so richtig. Nimm lieber zwei Bilder, verseh' beide mit Alternativtexten und setz auf jedes Bild einen Link. -
<img src="bild" usemap="#map" />
<map name="map">
<area shape="rect" coords="1, 2, 3, 4" href="erste Seite" />
<area shape="rect" coords="1, 2, 3, 4" href="zweite Seite" />
</map>
Hier einfach "bild" durch die Bildadresse, "erste Seite" und "zweite Seite" durch die URL und "1, 2, 3, 4" durch die Koordinaten ersetzen.
Die Koordinaten geben an, welcher Teil des Bildes verlinkt werden soll.
Die erste Koordinate ist der abstand von links.
Die zweite der Abstand von oben.
Die dritte und vierte geben den zweiten abstand von links bzw. oben an.
Wenn du ein 100*100 Bild nun in zwei hälften Teilen willst, würden die Koordinaten so aussehen:
0,0,50,100
50,0,100,100
Ich hoffe, ich habe mich verständlich genug ausgedrückt :)
edit:
Zu langsam...
Beitrag geändert: 22.11.2008 11:40:44 von taq0 -
sincer schrieb:
ho ;)
Das finde ich aber cool :D
Wieso sollte man das nicht verwenden?
lg
Sincer
Wenn du Links auf diese Weise setzt, können Suchmaschinen nichts über den Inhalt der Seite, auf die du verlinkst, herausfinden. Das beste sind immer noch Textlinks (<a href="...">sinnvoller Linktext</a>). Wenn du "normale" Bildlinks verwendest, kannst du der Suchmaschine immer noch auf folgende Weise etwas mitteilen: <a href="..."><img src="..." alt="Bild- und Linkbeschreibung" /></a>
Bei der Image Map hast du aber nur noch die Möglichkeit, das title-Attribut zu setzen:
<img src="bild" usemap="#map" />
<map name="map">
<area shape="rect" coords="1, 2, 3, 4" href="erste Seite" title="Beschreibung Link 1" />
<area shape="rect" coords="1, 2, 3, 4" href="zweite Seite" title="Beschreibung Link 2" />
</map>
Das wirkt aber unter Umständen störend, denn es erscheint immer, wenn ein Benutzer mit der Maus über das Bild fährt. -
Ah, verstehe,...
Also sowas würde dann nicht mehr gehen:
Google nach Firefox...
Und bekomme dann unter anderem so etwas:
o) Funktionen
o) Tipps & Tricks
o) Anpassungen
o) 100% Bio-Software
Aber ansonsten... Wenn ich diese Bildermap nicht als Menü verwende, sondern wie im Selfhtml Beispiel für eine Karte, stört das doch keinen, oder?
lg
Sincer
PS: Oder habe ich da etwas falsch verstanden? -
Nein das stört keinen, ich mach das selber um meine Games zu starten. ;)
-
Danke für die Hilfe.
Ich wollte das für meinen Banner verwenden.
Ist nicht so wichtig ob die Suchmaschinen das durchblicken oder nicht.
-
Hab jetzt doch ein Problem.
Den Banner hab ich mit CSS als Background gemacht.
Da kann man jetzt nichts machen oder?
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage