---
title: "LI anklickbar?"
url: "https://www.typo3.net/d/82695-li-anklickbar"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage"]
created: "2008-10-10"
last_reply: "2008-10-10"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# LI anklickbar?

Frontend › Barrierefreiheit · 4 Antworten · gestartet 2008-10-10

## Eröffnungsbeitrag

**tobyte** · 2008-10-10 · [Beitrag #1](https://www.typo3.net/d/82695-li-anklickbar/1)

Evtl könnt ihr mir weiterhelfen. Auf meiner Seite www.tobraun.de befindet sich auf der linken Seite eine Navigation, welche ich über ein Text Menü bzw. LI gelöst habe

**css:**
ul.navigation {padding:0; margin:0; list-style-type:none;}
ul.navigation li { background-color:#505050; border-bottom:8px solid #fff; margin:0 0 10px 0; padding:10px 0 10px 15px; color:#fff; font-weight:bold;}
ul.navigation li.act { background-color:#fff; border-bottom:8px solid #505050; color:#505050;}
ul.navigation li:hover {background-color:#2e2e2e;}
ul.navigation li.act:hover {background-color:#efefef;}

ul.navigation li a {color:#fff; text-decoration:none;}
ul.navigation li.act a {color:#505050;}

wie kann ich es realisieren, dass die Navigation auf einen Klick auf der gesamten LI reagiert?

## Antworten

### [#2](https://www.typo3.net/d/82695-li-anklickbar/2) · just2b · 2008-10-10

> ul.navigation li a {
> display:block
> }

und das padding vom li ins a

georg

### [#3](https://www.typo3.net/d/82695-li-anklickbar/3) · tobyte · 2008-10-10

danke erstmal für den Tipp, die Änderungen die ich vorgenommen habe:

ul.navigation {padding:0; margin:0; list-style-type:none; display:block;}
ul.navigation li a {color:#fff; text-decoration:none; padding:10px 80px 10px 0;}

nun ist der Bereich, welcher anklickbar ist, größer geworden. Allerdings brechen jetzt lange Seitennamen, welche aus 2 Wörtern bestehen, ggf. um. Ich muss allerdngs gestehen, dass ich nicht genau weiss was du mit passing meinst, aber es wird wohl padding sein?

### [#4](https://www.typo3.net/d/82695-li-anklickbar/4) · just2b · 2008-10-10

ja padding natürlich...  habs im posting ausgebessert

sonst schaus dir zB auf just2b.com an oder jeder anderer seite mit listenmenü

georg

### [#5](https://www.typo3.net/d/82695-li-anklickbar/5) · tobyte · 2008-10-10

danke nohmal, nun ist es so wie es sein soll.

css:
ul.navigation {padding:0; margin:0; list-style-type:none;}
ul.navigation li { background-color:#505050; border-bottom:8px solid #fff; margin:0 0 10px 0; color:#fff; font-weight:bold;}
ul.navigation li.act { background-color:#fff; border-bottom:8px solid #505050; color:#505050;}
ul.navigation li:hover {background-color:#2e2e2e;}
ul.navigation li.act:hover {background-color:#efefef;}

ul.navigation li a {color:#fff; text-decoration:none; padding:10px 80px 10px 15px; display:block;}
ul.navigation li.act a {color:#505050;}

---

Quelle: „LI anklickbar?“, typo3.net, https://www.typo3.net/d/82695-li-anklickbar
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.