mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 13:55 Benutzername: Passwort: Auto-Login

Thema: [a:hover] Background Color bei <li> vom 17.06.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> [a:hover] Background Color bei <li>
Autor Nachricht
shuffle
Threadersteller

Dabei seit: 27.10.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst So 17.06.2012 21:33
Titel

[a:hover] Background Color bei <li>

Antworten mit Zitat Zum Seitenanfang

Hi, möchte in meiner Navi, die ich als Liste aufgebaut hab den Hintergrund wie beim Beispielbild 2 komplett färben.

Hab es hiermit versucht. Dabei wird aber nur der Texthintergrund "markiert" und nicht der gesamte Zwischenraum.


Code:
#nav li  a:hover {
   color: #fff;
   background-color:#ccc;
}



  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst So 17.06.2012 21:48
Titel

Antworten mit Zitat Zum Seitenanfang

a) li:hover benutzen (nicht unterstützt durch alte Browser
b) <a> zum Block stylen (benötigt dann vermutlich weitere Anpassungen)


Zuletzt bearbeitet von pantonine am So 17.06.2012 21:48, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 18.06.2012 08:22
Titel

Antworten mit Zitat Zum Seitenanfang

pantonine hat geschrieben:
b) <a> zum Block stylen (benötigt dann vermutlich weitere Anpassungen)


Ist auch für die Benutzerfreundlichkeit besser, wenn der klickbare Bereich so groß wie das Navigation Element ist. Lächel
  View user's profile Private Nachricht senden
shuffle
Threadersteller

Dabei seit: 27.10.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 18.06.2012 13:29
Titel

Antworten mit Zitat Zum Seitenanfang

pantonine hat geschrieben:
a) li:hover benutzen (nicht unterstützt durch alte Browser
b) <a> zum Block stylen (benötigt dann vermutlich weitere Anpassungen)


Bin kein Profi in diesem Gebiet. Könntest du mir bitte ein Beispielcode zeigen, was du unter "zum Block stylen" meinst?
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 18.06.2012 13:39
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
a {
     display: block;
     padding: 10px;
}

a:hover {
     background: red;
}
  View user's profile Private Nachricht senden
shuffle
Threadersteller

Dabei seit: 27.10.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 18.06.2012 19:45
Titel

Antworten mit Zitat Zum Seitenanfang

Danke!
  View user's profile Private Nachricht senden
 
Ähnliche Themen Css: a:hover-background-color in geschachtelten divs
background-color in verschachtelten div's
Internet Explorer 7 vs. background color
print.css Probleme mit background-color:#000
CSS: background-color von image links
css: background-color im link geht nicht weg
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.