Transparenz von nicht ausgewählten Reitern sowie Größe ändern

  • Ich möchte bei den Haupt-Reitern "Dashboard", "Forum", "Mitglieder", "Blog" einstellen, dass die Reiter, die derzeit nicht angeklickt sind, keinen Transparenten Hintergrund haben, sodass man den Hintergrund nicht durchschimmern sieht. Wo kann ich a) deren Farbe und b) deren Nicht-Transparenz einstellen?


    Außerdem würde ich gerne haben, das diese Reiter-Kästen genau so hoch sind, wie auch der ausgewählte Reiter-Kasten. Auf dem Foto gut zu sehen: Der ausgewählte Reiter geht genau von der Höhe bis zum oberen Rand des grauen Background Balkens, während die nicht ausgewählten ein paar cm drunter bereits aufhören.


    Vielen Dank für eure Hilfe! : - )

  • 1.

    CSS
    .mainMenu > ul {
    background-color: rgba(0,0,0,1);
    /*Statt RGBA kannst du auch HEX-Code verwenden.*/
    }


    2.

    CSS
    .mainMenu > ul > li.active > a {
    padding: 5px 10px 8px;
    }

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!