CSS - Navi - gesamten Button als Link hinterlegen

[mfwenzel]

Moin moin,

ich habe eine Frage zu meiner Navi:

<!--begin sidebar navigation-->
<div id="navigation">
      <ul>
        <li><a href="../Kuenstlerviertel2/index_k2.html" title="Künstlerviertel 2"><span>Künstlerviertel 2</span></a></li>
        <li><a href="../bns/index_bns.html" title="Palais Solaris"><span>Palais Solaris</span></a></li>
        <li><a href="../vls/index_vls.html" title="Von-Leyden-Straße"><span>Von-Leyden-Straße</span></a></li>
       </ul>

Ich hätte gerne, dass der GESAMTE button als link hinterlegt ist, nicht nur der eigentliche Text.
Jetzt hab ich als Tipp gesagt bekommen, ich möge doch das Ganze mit dem <li> umschließen.
Das funktioniert auch super im IE[8]... Aber leider im Firefox nicht

Woran könnte das liegen?

 

[MyBad]

AW: Navi - CSS

Hallo mfwenzel!

Formatiere den a-Tag im CSS mit "display: block;", so wird dieser dann auch als Blockelement dargestellt und du du kannst die Breite und Höhe festlegen.

Hoffe das hilft dir.

Gruß
Tim

Edit:
Kleiner Hinweis noch: Ein a-Tag ist ein Inline-Element. Dies bedeutet das es immer nur so breit ist wie der Text.

 

[mfwenzel]

AW: Navi - CSS

Amazing! Super vielen, vielen, vielen Dank!!!!!!!