Anzeige:
Ergebnis 1 bis 2 von 2

Thema: Auch den Bereich des Innenabstandes farbig hinterlegen

  1. #1
    Registrierter Benutzer
    Registriert seit
    11.04.2006
    Beiträge
    65

    Auch den Bereich des Innenabstandes farbig hinterlegen

    Hallo,
    ich bin gerade dabei, mit eine Navigationsleiste zu erstellen. Der entsprechende css-Schnipsel sieht so aus:
    Code:
    #header { 
    	float:left;
    	width: 59%;
    	font-size: 93%;
    	line-height: normal;
    	border-bottom: 2px dotted #AA0000;
    }
    
    #header ul { 
    	margin: 0;
    	padding: 0;
    	list-style: none;
    } 
    
    #header li {
    	float: left;
    	margin: 0;
    	padding-left: 0.5em;
    	padding-right: 0.5em;
    	padding-top: 0.1em;
    	margin-left:  5em;
    	border-top: 2px dotted #AA0000;
    	border-left: 2px dotted #AA0000;
    	border-right: 2px dotted #AA0000;
    }
    
    #header a {
    	display: block;
    }
    
    #header a:hover {
    	color: #BB0000;
    	background-color: #eeeeee;
    }
    
    #header #current a {
    	background: #eeeeee;
    	
    }
    Wenn man mit der Maus über eines der Navigationselemente fährt, wird (durch a:hover) nur die Schrift grau hinterlegt, nicht jedoch der Bereich der durch die paddings erzeugt werden.
    Ich möchte aber gerne, dass der gesamte Bereich grau hinterlegt wird, wie kann das gelingen?

  2. #2
    Registrierter Benutzer
    Registriert seit
    18.04.2008
    Beiträge
    59
    Eigentlich könnte man mit

    Code:
    #header li:hover  {
      background-color: #000;
    }
    die background-color ändern.

    Während Internet Explorer 6 dies nicht
    supported (und auch nicht hover über images, nur :hover über anchor/links), kann man den hover über den class-selector zum entsprechenden Tag setzen.

    Oder einfach für IE6 über Javascript.
    Geändert von zenobic (27-09-2008 um 18:18 Uhr)

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •