Navigationsleiste anpassen?

Krypton

Guten Tag.
Ich bin im Moment dabei eine Website zu erstellen
die dafür gedacht ist mit einigen aus der Nachbarschaft
zu tippen für die EM.
Das Problem ist, wie bekomme ich die Navigationsleiste über
die ganze Breite mit Border, sodass es aber Pixelgenau ist.
Bei google habe ich leider nichts gefunden, ich hoffe
das ihr mir helfen könnt.
MfG Krypton

[Blockierte Grafik: http://www2.pic-upload.de/img/30895791/htmlnav.png]

MrMurphy

Hallo

Flexbox ist dein Freund. Float kann derweil Pause machen und Aufgaben übernehmen für die es gedacht ist.

Also

HTML:

Code

<nav>
   <a href="">Startseite</a>
   <a href="">Regeln</a>
   <a href="">Tippen</a>
   <a href="">Punktestand</a>
</nav>

und das CSS:

Code

* {
   box-sizing: border-box;
}
nav {
   display: flex;
   justify-content: space-around;
}
nav a {
   background-color: #8c6429;
   color: #e7f3ef;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   padding: 0.5rem 0.3rem;
   border: 1px solid #73726D;
   flex: 1 1 auto;
}
nav a:hover,
nav a:active,
nav a:focus {
   background-color: #e7f3ef;
   color: #8c6429;
}

Alles anzeigen

Gruss

MrMurphy

Krypton

Hallo,
hat leider nicht funktioniert, er nimmt scheinbar "felx" nicht an.
Warum kann ich leider nicht sagen.
MfG Krypton

[Blockierte Grafik: http://www2.pic-upload.de/img/30896368/html2.png]

MrMurphy

Hallo

Mein HTML hast du aber schon gelesen? Listen sind für die Navigation überflüssig.

Gruss

MrMurphy

Krypton

Moin,
hat funktioniert, danke dafür
MfG Krypton

Navigationsleiste anpassen?

Tags

Benutzer online in diesem Thema