[GastForen Web allgemein HTML und CSS / Stylesheets automatische Breite von Listenelement <li> in horizontaler Menüleiste

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

automatische Breite von Listenelement
  • in horizontaler Menüleiste
  • gassnergrafik
    Beiträge gesamt: 175

    24. Feb 2010, 09:26
    Beitrag # 1 von 3
    Bewertung:
    (6344 mal gelesen)
    URL zum Beitrag
    Beitrag als Lesezeichen
    automatische Breite von Listenelement <li> in horizontaler Menüleiste
    Wie krieg ich es hin, dass sich die Menüpunkte automatisch nach deren Inhalt anpassen. Ich will keine feste Breite definieren.
    Menüleiste oben horizontal
    http://web84.gil.kundenserver42.de/

    Danke

    Norbert
    X

    automatische Breite von Listenelement
  • in horizontaler Menüleiste
  • SabineP
    Beiträge gesamt: 7586

    24. Feb 2010, 10:16
    Beitrag # 2 von 3
    Beitrag ID: #434586
    Bewertung: |||
    (6332 mal gelesen)
    URL zum Beitrag
    Beitrag als Lesezeichen
    Hallo Norbert,

    so zum Beispiel:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title> new document </title>
    <style type="text/css">
    #nav {
    list-style: none;
    margin:0px;
    padding:0px;
    }

    #nav li {
    float: left;
    }

    #nav li a {
    padding: 6px;
    display: block;
    text-align: center;
    background: #F00;
    border-right: 2px solid #00f;
    }

    #nav li a:hover {
    background-color: #0f0;
    }

    </style>
    </head>

    <body>
    <ul id="nav">
    <li><a href="#">schmal</a></li>
    <li><a href="#">breit breit breit</a></li>
    <li><a href="#">schmal</a></li>
    </ul>
    </body>
    </html>


    als Antwort auf: [#434576]
    (Dieser Beitrag wurde von SabineP am 24. Feb 2010, 10:20 geändert)

    automatische Breite von Listenelement
  • in horizontaler Menüleiste
  • gassnergrafik
    Beiträge gesamt: 175

    24. Feb 2010, 11:45
    Beitrag # 3 von 3
    Beitrag ID: #434603
    Bewertung:
    (6314 mal gelesen)
    URL zum Beitrag
    Beitrag als Lesezeichen
    Hat super geklappt.

    DANKE


    als Antwort auf: [#434586]