CSS-Einstellungen zusammen fassen?!

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • CSS-Einstellungen zusammen fassen?!

      Moin zusammen!

      Ist es denn statthaft, CSS wie folgt zusammen zu fassen?

      [code:1]
      ...
      #border {
      width : 700px;
      background-color: #FFFFFF;
      border : 0px;
      }
      #menue {
      width : 700px;
      height : 23px;
      border : 0px;
      align : middle;
      }
      #content {
      width : 700px;
      height : 200px;
      }
      <!-- ab hier wird´s fraglich... -->
      #nava,#navb,#navc {
      padding : 0px 0px 23px 110px;
      background-repeat : no-repeat;
      background-position : top left;
      }
      #nava,#navb,#navc:link,visited {
      background-image : url(passiv.gif);
      }
      #nava,#navb,#navc:active,hover {
      background-image : url(aktiv.gif);
      }
      //--></style>

      <title>blabla</title>
      <meta name="author" content="">
      </head>
      <body>
      <center>
      <div id="border">
      <div id="menue">
      <a id="nava" href="*"> </a>
      <a id="navb" href="*"> </a>
      <a id="navc" href="*"> </a>
      </div>
      <div id="content">
      ...
      [/code:1]

      Hinter den nav-Containern stehen Hintergrundbilder, die am Ende zur Navigation dienen sollen. Ist das so in Ordnung? Theoretisch, so dachte ich, ja. Praktisch aber scheinbar nicht. "Active" und "Hover" funktionieren so nämlich nicht (mehr)... :(

      Jemand ´nen Tipp?
      Viele Grüße!
      wave

      "Oft ist das Denken schwer, indes das Schreiben geht auch ohne es."
      [Wilhelm Busch 1832-1908]

    • Hallo Wave!

      Meines Wissens kann man CSS-Eigenschaften zusammenfassen. Ich mache das ja selbst auch. Funktioniert es denn bei Dir nicht?

      Generell kann man in CSS mehrere Selektoren zusammenfassen, um ihnen dieselben Eigenschaften zuzuweisen. Die Selektoren müssen mit einem Komma getrennt sein, aber ohne Leerzeichen (glaube ich zumindest) - so wie Du es ja auch gemacht hast. Wird so viel übersichtlicher.

      Viele Grüsse,
      Kangaroo
      iBook 14" 933MHz PowerPC G4, 1,12GB RAM, 120GB HDD
      iMac 20", 2,16 GHz Intel Core 2 Duo, 3GB RAM, 250GB HDD
      Mac OS X 10.5.8
      iPod Video 80GB
      Apple TV
      AirPort Extreme

    • Moin Kangaroo!

      Jou, iss schon klar, dass man Selektoren grundsätzlich zusammenfassen kann. Die Frage ist, ob ich dies auch für Klassen und Funktionen gleichzeitig tun kann. Guckst Du:

      [code:1]
      <!-- hier die verkürzte Fassung -->
      }
      #nava,#navb,#navc:active,hover {
      background-image : url(aktiv.gif);
      }

      <a id="nava" href="*">&nbsp;</a>
      <a id="navb" href="*">&nbsp;</a>
      <a id="navc" href="*">&nbsp;</a>

      [/code:1]

      Ich denke, dass dies eigentlich valide ist. Soweit so gut, funktioniert aber nicht :(
      Hinter dem Background-Image verbirgt sich ein Navigationsbutton. Der aber weigert sich standhaft zu hovern. Das erzwungene Leerzeichen wird im Browser zudem durch einen Bindestrich ersetzt. Hast Du ´ne Idee?
      Viele Grüße!
      wave

      "Oft ist das Denken schwer, indes das Schreiben geht auch ohne es."
      [Wilhelm Busch 1832-1908]