HTML - Navigationsleiste nebeneinander nicht untereinander?

...komplette Frage anzeigen

2 Antworten

Das mit der Bilddatei kannst du doch über Background festlegen, soweit ich mich nicht irre? Und die Navigationsleiste nebeneinander machen funktioniert eigentlich genauso wie untereinander, du musst halt jeweils die einzelnen Begriffe mit Links zu der passenden Seite (mir fällt grad der Fachbegriff nicht ein ^^) versehen. Ich hoffe das war jetzt so etwa das, was du gesucht hast?

Mal als Beispiel:

HTML:

<nav>
    <a href="index.php">Startseite</a>
    <a href="info.php">Info</a>
    <a href="kontakt.php">Kontakt</a>
</nav>

CSS:

nav
{
    display: flex;
    justify-content: center;

    margin: 0;
    padding: 0;
    height: 55px;
    width: 100%;

    background-color: rgb(100, 100, 100);
}

nav a
{
    display: block;

    margin: 0;
    padding: 20px 25px;
    height: 15px;

    color: rgb(0, 0, 0);

    font-size: 15px;
    line-height: 15px;
    text-decoration: none;
}

Falls die Links auf der linken oder rechten Seite sein sollen, änderst du einfach

justify-content: center;

zu "left" oder right.

Wenn sich der freie Platz auf alle Elemente aufteilen soll, packst du bei "nav a" noch die Zeile

flex: 1;

dazu.

Was möchtest Du wissen?