Link in Bilder

[HobbyProgrammierer]

Hallo,
ich möchte in einem Bild Links einfügen.
Nur da ich gemerkt habe das man coordinaten brauch wei sich nicht weiter.
Es soll ein Teil eines Bildes verlinkt werden,
also ein Button in einem Bild.

 

[vitus37]

Am einfachsten wäre es das Bild als background in einem DIV zu platzieren und die Links innerhalb des DIV's zu verschieben. Den Links gibst du dabei am besten ein display: block; und eine feste Höhe und Breite. Mit margin kannst du sie verschieben.

 

[HobbyProgrammierer]

Davon verstehe ich wenig.
ich habe selbst gesehen das man es auch mit Coordinaten geht.
Ich habe ien Bild wo ein Rasenhintergrund ist , und es sind Buttons im Bild.
Diese Buttons sollen verlinkt werden.

 

[vitus37]

Als Beispiel, vielleicht kannst du damit etwas anfangen.

Dein HTML-Code könnte so aussehen:

<div class="rasen">
    <a href="#" id="rasenbuttonlinks"></a>
    <a href="#" id="rasenbuttonrechts"></a>
</div>

CSS:

#rasen{
  height: 400px;
  width: 400px;
  background: url(rasen.jpg);
}

#rasenbuttonlinks{
  display: block;
  width: 100px;
  height: 20px;
  margin-left: 40px;
  margin-top: 100px;
}

#rasenbuttonrechts{
  display: block;
  width: 100px;
  height: 20px;
  margin-left: 260px;
  margin-top: 100px;
}

[ungetestet]

Das Ergebnis sollte etwa so aussehen:

---------------------
|   hintergrund     |
| |link|            | 
|                   |
|            |link| | 
|                   |
---------------------

 

[Elroy]

Hallo.

Wie genau es geht weiss ich auch nicht, aber ich kann dir einen Suchbegriff anbieten: IMAGE MAP.

Gruss
Elroy

 

[HobbyProgrammierer]

Das weis ich alles aber mal anders.
Wie bekomme ich die Coordinaten heraus?

 

[Elroy]

Das weis ich alles aber mal anders.
Wie bekomme ich die Coordinaten heraus?

Das alles wird hier erklärt: Image Map.

Ist leider etwas zu lang als das ich es hier posten könnte.
Aber jetzt mal ehrlich, wenn du den Suchbegrif kennst hättest du das mit Google in 2 Minuten herausfinden können.

Nachtrag: Falls dir das alles zu kompliziert ist benutze Gimp, das errechnet dir die Koordinaten automatisch.

Gruss
Elroy

 

[HobbyProgrammierer]

Ich verwende Gimp nur bekomm ich das immernoch nicht hin...