+ Antworten
Ergebnis 1 bis 2 von 2

Thema: logo, nav und topnavi im header erlaubt? (siehe anhang)

  1. #1
    Neuer Benutzer
    Registriert seit
    07.02.2012
    Beiträge
    4

    logo, nav und topnavi im header erlaubt? (siehe anhang)

    hallo, ich möchte mit yaml 4 ein layout erstellen, das ...

    1) aus einem 45px hohen header besteht, in dem das "Logo", die "Hauptnavigation", und am rechten Rand eine "weitere Navigation (topnavi)" in einer Zeile vorhanden sind. (In den Yaml-Beispielen nehmen diese drei Komponenten meistens zu viel Platz ein)

    Meine Frage:
    Wäre die folgende Variante sinnvoll:

    <div class="ym-wrapper">
    <div class="ym-wbox">
    <header>
    <div class="ym-column">
    <div class="ym-col1">
    <div class="ym-cbox logo">
    <a href="#"><img src="./images/logo.png" alt="logo playmobox" /></a>
    </div>
    </div>
    <div class="ym-col2">
    <div class="ym-cbox">
    <div class="ym-hlist">
    <form class="ym-searchform">
    <input class="ym-searchfield" type="search" placeholder="Search..." />
    <input class="ym-searchbutton" type="submit" value="Search" />
    </form>
    </div>
    </div>
    </div>
    <div class="ym-col3">
    <div class="ym-cbox ym-clearfix">
    <nav id="nav">
    <div class="ym-hlist">
    <ul>
    <li class="active"><strong>Ed1</strong></li>
    <li><a href="#">Ed2</a></li>
    <li><a href="#">Ed3</a></li>
    <li><a href="#">Ed4</a></li>
    <li><a href="#">Ed5</a></li>
    </ul>

    </div>
    </nav>
    </div>
    <div class="ym-ie-clearing">&nbsp;</div>
    </div>
    </div>
    </header>


    vielen dank im voraus!!!
    Angehängte Grafiken

  2. #2
    YAML Developer Avatar von djesse
    Registriert seit
    22.11.2005
    Beiträge
    2.891
    @sufius
    Die viuselle Gestaltung von Webseiten erfolgt mit CSS. Das Markup spielt hierbei nur eine untergeordnete Rolle. Wenn Du Hilfe brauchst, poste bitte einen Link zu einem Live-Beispiel.

    Gruß
    Dirk
    Keine Supportanfragen per PN, Fragen bitte nur im Forum stellen!
    • "Yet Another Multicolumn Layout" ist ein modulares CSS Framework zur Erstellung wirklich flexibler, zugänglicher und responsiver Websites.
    • "Thinkin' Tags" Rapid Prototyping on a production-ready code basis with YAML 4
    • "YAML Builder" A tool for visual layout development of YAML based CSS layouts.
    • "YAML Debug" an assistive code diagnostic tool for web developers.

+ Antworten

Stichworte

Lesezeichen

Berechtigungen

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