Ergebnis 1 bis 5 von 5

Thema: Welche Vorteile hat das li als Navigations Tag?

  1. #1
    Großmeister(in) Avatar von Darkxor
    Registriert seit
    17.11.2007
    Ort
    NRW
    Beiträge
    663
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Welche Vorteile hat das li als Navigations Tag?

    Hallo zusammen,

    man sieht ja immer häufiger die <ul><li> Verwendung auch in waagerechten Navigationen. Macht das wirklich Sinn?

    Ich muss zugeben auch ich hab dies schon häufiger benutzt, doch wenn man eine waagerechte Navigation zentrieren möchte, ist das soweit ich weiß nur über eine padding/margin Lösung zu erreichen, welche im Bereich der Dynamik (unterschiedliche Navigationstexte und entsprechend unterschiedliche Breiten) eher negativ zu beurteilen ist.

    Da wäre die normale Lösung, die Links aneinanderzureihen doch deutlich besser, da man beispielsweise text-align:center nutzen kann?

    Danke!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    -

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Welche Vorteile hat das li als Navigations Tag?

    Listenmenüs haben sich eben eingebürgert und lassen sich im Falle von Untermenüs leichter behandeln.
    Wenn du ein normales, horizontales Menü haben willst, spricht m.E. nichts dagegen, das so wie von dir beschrieben zu machen, da "a" ein Inline-Element ist und sich so auch leichter zentrieren lässt.

    Man kann aber auch eine ul-Liste ohne feste Breite mit einem kleinen Trick zentrieren: http://www.ohne-css.gehts-gar.net/0063.php

  3. #3
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Welche Vorteile hat das li als Navigations Tag?

    An sich ist es sowieso egal, welche Elemnte du verwendest. Du kannst mit (fast) jedem Element (fast) alles designen.
    Du kannst einen Textabsatz mit A machen, eine Tabelle, verschachtelte DIVs, eine Liste, etc.

    Aber wenn du nach den Grundgedanken von HTML nachdenkst, kann nur eines die Frage richtig beantworten.
    Der Grundgedanke von HTML (und anderen XML-ähnlichen Sprachen ist, dann Daten so dargestellt werden, dass die Informationen richtig benannt werden. Stichwort: Semantik.

    Und wenn du nach diesem Merksatz deine Website aufbaust, kannst du dein Menü nur auf eine Weise richtig auszeichnen:
    Ein Menü ist kein Textabsatz, ein Menü ist keine tabellarische Darstellung von Daten, ein Menü sind keine verschachtelten Container. Sondern ein Menü ist eine Liste aus Links, die zur Navigation dienen.
    Jedes Menü ist eigentlich eine ungeordnete Liste - sie wird jedenfalls von unserem Hirn so gesehen: Mehrere Links in einer Reihe.

    Nun stellt sich die Frage: Wozu Semantik?
    Semantik dienst zur Strukturierung von Informationen.
    Das sieht man auch in den Programmiersprachen. Man kann Variablennamen namens a, b, c und d vergeben. Syntaktisch absolut richtig und es funktioniert.
    Aber wenn man query_string, summe, buffer oder ausgabe schreibt, ist das ganze um einiges lesbarer.

    Das verhält sich in HTML genauso. CSS bietet genügend Werkzeuge um ein semantisch richtiges Menü schön zu gestalten
    Something big is coming. And there will be pirates and ninjas and unicorns...

  4. #4
    Großmeister(in)
    Themenstarter
    Avatar von Darkxor
    Registriert seit
    17.11.2007
    Ort
    NRW
    Beiträge
    663
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Welche Vorteile hat das li als Navigations Tag?

    Hallo,
    danke für eure Antworten.

    Die Lösung von sejuma ist ja genial und hat bei mir auch funktioniert. Allergings scheint das float:left; im .container unnötig zu sein.
    -

  5. #5
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Welche Vorteile hat das li als Navigations Tag?

    Es gibt noch einen Grund:
    Wenn der Client kein CSS Unterstützt, siehts nicht behämmert aus .

    Man kann aber auch seine eigenen Elemente definieren - ist kein Problem. Wenn man mit HTML 5 arbeiten möchte, muss man das sogar (für die Browser die kein HTML 5 unterstützen). Zumindest solang dahinter keine Funktionalität steht - dann wirds nämlich nicht ganz so einfach.

    Zu Darstellungszwecken muss man nur die entsprechenden CSS Eigenschaften festlegen z.B.
    HTML-Code:
    <h0>Custom Headline</h0>
    
    <style>
    h0 {
        display: block;
        font-weight: bold;
        font-size: 2.5em;
        text-decoration: underline;
    }
    </style>
    Funktioniert.

    Aber n eigenen <a> tag nur mit CSS erstellen kann man nicht . Wenn man es denn unbedingt will, muss man dafür eine entsprechende JavaScript Funktion schreiben.

Ähnliche Themen

  1. Navigations Hintergrundbild
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 25.04.2009, 16:12
  2. LAMP WAMP MAMP SAMP - Vorteile Nachteile Unterschiede
    Von ALex16 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 01.05.2005, 00:10
  3. Navigations-script
    Von Andreas Grambow im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 01.01.2005, 20:42
  4. Alternativen zu Frames und Vorteile von PHP
    Von Franzi im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 06.09.2004, 15:03
  5. Vorteile von so einem Counter *g*
    Von umbenannt im Forum Off Topic und Quasselbox
    Antworten: 1
    Letzter Beitrag: 30.03.2003, 19:29

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •