kostenloser Webspace werbefrei: lima-city

CSS - Link auf volle Größe des Elternelements

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   d*****k

   12:14, 22.4.2011

   Ich bin am Verzweifeln...
   
   Ich habe ein Menü als Liste. CSS entsprechend so, dass ul und li untereinander und bunt sind usw. und in den li's befinden sich nun die Links. Problem: Man kann die nur anklicken, wenn man auf den Text klickt. Ich will die aber auch anklicken können, wenn ich daneben, aber immernoch auf dem li bin.
   
   Wie skaliere ich das <a> also auf die volle Höhe und Breite?
   
   Mein aktuelles CSS für <li> und <a>:
   

   .menu li {
     padding: 5px;
     background: #4e4e4e;
     margin: 10px 0;
     color: #fff;
     }
   .menu li a {
     text-decoration: none;
     color: #fff;
     }

   
   
   Height 100% oder sowas funktioniert leider nicht...
   
   Beitrag zuletzt geändert: 22.4.2011 12:15:36 von dermaik

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

3. t*****b

   12:39, 22.4.2011

   Du musst erst über display:block den Link (Textlevelelement) in ein Blocklevelelement umwandeln und dann kannst du mit Padding den Innenabstand einstellen, zusätzlich dem ListItem das Padding auf 0 setzen. Egal wo du dann hinklickst, es wird immer der Link angeklickt da er das Listitem ausfüllt.
4. Autor dieses Themas

   d*****k

   13:02, 22.4.2011

   so einfach geht das also... verdammt :-)
   
   aber danke für die schnelle antwort, jetzt steht meinem redesign nichts mehr im wege

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Dir gefällt dieses Thema?