---
title: "Hotspot per TScript / CSS bzw. Link teilweise auf ein Bild legen"
url: "https://www.typo3.net/d/108053-hotspot-per-tscript-css-bzw-link-teilweise-auf-ein-bild-legen"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage"]
created: "2011-11-02"
last_reply: "2011-11-05"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Hotspot per TScript / CSS bzw. Link teilweise auf ein Bild legen

TYPO3 › TypoScript · 1 Antwort · gestartet 2011-11-02

## Eröffnungsbeitrag

**daisy42** · 2011-11-02 · [Beitrag #1](https://www.typo3.net/d/108053-hotspot-per-tscript-css-bzw-link-teilweise-auf-ein-bild-legen/1)

Hallo Typo3 Gemeinde,

ich möchte über ein vorhandenes Bild teilweise einen Link legen (quasi eine Hotspot Area mit freier Form und einem einzigen Link).

Wie kann ich das per TScript / CSS / Template realisieren?

Meine Grafik befindet sich im Header der Seite und sieht aus wie im Anhang (der orangene Teil soll der Linkbereich werden).

Meine main.tmpl sieht so aus:

```html
...
<div id="header">    //fügt die Grafik als Hintergrund ein        
###MENU###    //das hier setzt mein GMENU über die Grafik
###LOGO###    //das hier platziert noch ein Logo über die Grafik
</div>
...
```

Meine Idee wäre nun, dass man ein weiteres Element ###EXTRALINK### in die header-div einfügt und dann per CSS / TScript die Bereiche definiert.
Leider hat das bisher nicht geklappt und ich weiss nicht, ob das überhaupt die richtige herangehensweise ist.

Kann mir bitte jemand weiterhelfen?

Danke

[Bild: \[upl-image-preview uuid=8e263531-13e8-592e-8d9a-dd85661aa800 url=https://www.typo3.net/assets/files/typo3net/603-t3_01.jpg alt=t3_01.jpg thumbnail_url=https://www.typo3.net/assets/files/typo3net/603-t3_01.jpg\]](https://www.typo3.net/assets/files/typo3net/603-t3_01.jpg)

## Antworten

### [#2](https://www.typo3.net/d/108053-hotspot-per-tscript-css-bzw-link-teilweise-auf-ein-bild-legen/2) · Chrissli · 2011-11-05

Hallo daisy,

ich weiß nicht in wie weit sich das dynamisch als ContentElement lösen lässt, evtl. gibt es hierfür eine
Extension ( Stichwort: ImageMap ).

Optional kann man das wohl auch mit dem GIFBUILDER lösen, eine Suche hier im Forum nach "imagemap" hat mich zu dieser Seite gebracht:

<https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html>

Evtl. kannst du das ja fix in das HTML-Template reinprogrammieren bzw. über das Inhaltselement "reines HTML" in deinen Marker füllen.

---

Quelle: „Hotspot per TScript / CSS bzw. Link teilweise auf ein Bild legen“, typo3.net, https://www.typo3.net/d/108053-hotspot-per-tscript-css-bzw-link-teilweise-auf-ein-bild-legen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.