Positionierung der Navigation

[Kenzolina]

Hallo zusammen

Wahrscheinlich eine simple Anfängerfrage, aber ich häng da halt grad. Bin blutiger Anfänger, wie gesagt. ;-)

Ich möchte meine Navigation innerhalb des Headers positionieren.

<div id="header">
<div class="container">

<!-- Logo -->
<div id="logo">
<h1><a href="#">Elemental</a></h1>
</div>
</div>
<div id="nav-wrapper" class="container">
<!-- Nav -->
<nav id="nav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
</div>
<div class="container">
<div id="banner"><a href="#" class="image featured"><img src="images/pics11.jpg" alt=""></a></div>
</div>
</div>

Also dort, wo jetzt fix ´Home - Left sidebar - ...´ steht soll die generierte Navigation erscheinen. Gibt es da Platzhalter? Oder im css? Hilfe!!!

KG
Kenzolina

[tab]

Wo kommt denn der HTML-Code her, den du da gepostet hast? Ist das das, was du am Ende als Header haben willst oder wird das tatsächlich so von Contao ausgegeben? Für HTML-Code hier im Forum solltest du besser auch die entsprechende Formatierung (BB-Code) verwenden.

[Andreas]

... und sauber einrücken

<div id="header">
  <div class="container">
    <!-- Logo -->
    <div id="logo">
      <h1><a href="#">Elemental</a></h1>
    </div>
  </div>
  <div id="nav-wrapper" class="container">
    <!-- Nav -->
    <nav id="nav">
      <ul>
        <li class="active"><a href="index.html">Home</a>
        </li>
        <li><a href="left-sidebar.html">Left Sidebar</a>
        </li>
        <li><a href="right-sidebar.html">Right Sidebar</a>
        </li>
        <li><a href="no-sidebar.html">No Sidebar</a>
        </li>
      </ul>
    </nav>
  </div>
  <div class="container">
    <div id="banner">
      <a href="#" class="image featured">
        <img src="images/pics11.jpg" alt="">
      </a>
    </div>
  </div>
</div>

[Kenzolina]

OK, mach ich das nächste Mal ;-)

Das ist der Html-Code, wie ich ihn gerne am Ende hätte. Aber ich habe leider keine Idee, wie ich die Navigation an die gewünschte Stelle bringe. Also innerhalb einer Wrapperklasse. Geht das überhaupt?

LG Kenzolina

[Contao-Academy]

Du schreibst ja, dass du blutiger Anfänge bist.
In wie weit bist du überhaupt mit den Grundlagen von Contao vertraut?
http://de.contaowiki.org/Die_erste_Webseite

Wenn du genau das HTML-Gerüst haben willst, wie du schreibst, dann wird es etwas schwieriger,
da das Standard-Layout von Contao etwas anders aufgebaut ist.

Das Ergebnis das du haben willst, kannst du allerdings sehr wohl mit Contao-Standards erreichen.

Dazu 3 neue Front-End-Module anlegen

1. Logo = Typ HTML
2. Navi = Typ Navigation
3. Banner = Typ HTML


Dann ein Seitenlayout anlegen und diese 3 Module im Headerbereich zuordnen.

Gruß
Christian

[Kenzolina]

Hallo Christian

Danke, für deine Antwort. Ich hab es mittlerweile hinbekommen und anscheinend sogar richtig. Sieht nämlich genauso aus, wie du es beschreibst ;-). Das Template für die Navigation habe ich noch angepasst, damit ich den gewünschten Wrapper bekomme. Ob das wirklich notwendig ist? Geht wahrscheinlich auch anders. Aber ich kämpf mich mal weiter durch, Verständnis für die Zusammenhänge kommt langsam ;-)

LG
Kenzolina