kostenloser Webspace werbefrei: lima-city


Linsk in Bildern setzen

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    seth93

    seth93 hat kostenlosen Webspace.

    Hi,
    ich hab mal ein Tutorial gesehen, wo man ein Bild sozusagen aufteilen konnte.
    Die rechts Seite führte zur Startseite und die linke Seite woanders hin, es war aber nur ein Bild.
    Leider wird die Seite grad überarbeitet und ich kann das nicht nachlesen.
    Kennt einer den Code?
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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
  4. sandrock-jonas

    Kostenloser Webspace von sandrock-jonas

    sandrock-jonas hat kostenlosen Webspace.

    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.
  5. t**0

    <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
  6. ho ;)

    Das finde ich aber cool :D

    Wieso sollte man das nicht verwenden?

    lg
    Sincer
  7. sandrock-jonas

    Kostenloser Webspace von sandrock-jonas

    sandrock-jonas hat kostenlosen Webspace.

    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.
  8. 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?
  9. Nein das stört keinen, ich mach das selber um meine Games zu starten. ;)
  10. Autor dieses Themas

    seth93

    seth93 hat kostenlosen Webspace.

    Danke für die Hilfe.
    Ich wollte das für meinen Banner verwenden.
    Ist nicht so wichtig ob die Suchmaschinen das durchblicken oder nicht.
  11. Funktioniert das eig. in allen Browsern?

    lg
    Sincer
  12. Autor dieses Themas

    seth93

    seth93 hat kostenlosen Webspace.

    Hab jetzt doch ein Problem.
    Den Banner hab ich mit CSS als Background gemacht.
    Da kann man jetzt nichts machen oder?
  13. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!