Neuling will Login und Navi in Header einbinden

Hallo TYPOlight-Community :) !

Ich bin ein Neuling was Webprogrammierung und CMS angeht.
Ich kann eigentlich nur die (X)HTML-Basics und ganz (!) wenig CSS - also eigentlich kein CSS.
Außerdem ist TYPOlight das erste CMS das ich verwende.

So, also ich will in meinem Header einen Login-Bereich und eine kleine Navi, zum wechseln zwischen Main/Board/Blog, einbinden.

Code:

---

######################################################
########.......................................#######
##login#................header.................#navi##
########.......................................#######
#....................................................#
#....................................................#
######################################################

---

Wie realisiere ich das am besten?

Den ganzen Code im Headermodul ist denke ich nicht optimal => für Login und Navi extra Module erstellen, oder?

Aber wie positioniere ich die dann richtig?
Kann das TYPOlight überhaupt oder muss ich da selbst an den Stylesheets mit div oder so rumwerkeln?

Und noch eine Frage: Wie kann man bestimmen an welcher Stelle im Quelltext welches Modul o.ä. steht? (Für Screenreader usw.)

Danke,
007

Du erstellst am besten Navigation und Login unter den Modulen und bindest diese dann unter Seitenlayout in den Header ein.

Dem Div der Navigation gibst du dann folgende Anweisungen:

Code:

---

{
right:0px;
position:absolute;
}

---

Wenn du mit TYPOlight Seiten erstellst wäre es natürlich von Vorteil etwas (X)HTML und CSS zu beherrschen. Gute Links dazu findest du in diesem Thread https://community.contao.org/de/showthread.php?t=2931

Zitat:

---

Zitat von 007

Und noch eine Frage: Wie kann man bestimmen an welcher Stelle im Quelltext welches Modul o.ä. steht? (Für Screenreader usw.)

---

Das übernimmt soweit TYPOlight für dich. Der Code für die Module kommt in der Reihenfolge in der du die Module ins Seitenlayout einbindest.

HI

ich würde von absoluter Positionierung an deiner Stelle ablassen und die Elemente einfach per float:left für den Login und float:right für die Navigation an die richtige Stelle bringen.

Sebastian

Danke für die Antworten.

Ich werde wohl die nächsten paar Tage CSS lernen bevor ich mich an TYPOlight setze.
Ich hab's mit der Website zum Glück eh nicht eilig - ich will mir später auch Erweiterungen in PHP schreiben und werde die Seite u.a. zum lernen verwenden, egal wie lange es braucht bis sie online geht.

Werde mir dann mal Einführung in XHTML, CSS und Webdesign durchlesen.


LG 007