Navigation

**charles** · 28.12.2009, 11:18

Hi,
ich bin absoluter Neuling, nicht nur bei Typolight.
Habe bisher erst eine Seite mit Dreamweaver gebaut.
Ich habe Typolight von der Buch-DVD ohne Template installiert und soweit läuft alles prima. Ich habe nun das Problem, dass sich das Layout der Navigation nicht ändern lässt. Egal was man in den Stylesheets eingibt, im Frontend erscheint stets
das gleiche Bild. Lediglich die Hintergrundfarbe und die Position lassen sich anpassen. Ist sicherlich mein Fehler, aber ich komme allein nicht drauf.

**Sebastian** · 28.12.2009, 11:31

HI

für das Aussehen der einzelnen Elemente sind immer unterschiedliche Formatdefinitionen zuständig.

Am einfachsten findest du die richtigen Stellen, wenn du dir für den Firefox das Addon Firebug installierst und dortanschaust, welche Elemente der Seite wie angesprochen und formatiert werden. Dann kannst du im Backend nach den richtigen Stellen suchen.

Außerdem: TYPOlight ist zwar toll und nimmt einem vieles aus der Hand, ohne Kenntnisse von CSS wirst du keine Freude haben. Also nimm dir einen Tag Zeit und lerne es. Bücher gibt es aber auch.

Sebastian

**charles** · 28.12.2009, 16:34

Hi,
Du hast sicher Recht, man sollte Css nur anwenden wenn man es versteht.
Aber irgendwie muss man ja den Einstieg schaffen.
Lt. Firebug befindet sich meine Navigation in der class mod_navigation.
Falls ich nun im mod_navigation stylesheet etwas ändere (z.B keine Symbole für Aufzählung) wird das im Frontend ignoriert.
In der Typolight Datei sind die Änderungen im Stylesheet nachzuvollziehen aber das Frontend bleibt hartnäckig bei seiner Einstellung!?

**Sebastian** · 28.12.2009, 17:00

HI

die Aufzählungzeichen sind nur zu sehen, wenn:

der <ol>-Tag einen padding-left hat
der <li>-Tag Aufzählungszeichen zugewiesen hat

Und deshalt würde ich, pardon, einfach sagen: Ohne CSS-Grundkentnisse wird das nichts. Es geht schon, aber nur sehr schleppend und ohne Aha-Effekt. Nimm dir einfach heute Abend zwei Stunden und acker css4you.de durch, dann wirst du Freude an TYPOlight haben.

Sebastian

**charles** · 28.12.2009, 20:44

Ja, hast Recht, werde wohl nicht drum herum kommen.
Auf jeden Fall vielen Dank für Deine schnellen Antworten!

**Sebastian** · 29.12.2009, 21:07

HI

keine Ursache. Und das waren eher „langsame Antworten“…

Sebastian

**charles** · 30.12.2009, 20:17

Moin,
muss nochmal nerven.
CSS 4you hat mir jetzt doch nicht so viel gebracht.
Meine Navigation liegt lt. firebug unter "mod_navigation block".
Ich habe mir ein Stylesheet:".mod_navigation" angelegt und lediglich versuchsweise einen Rahmen drumherum gelegt. Wenn ich dann ins Frontend gehe sehe ich, dass ich nichts sehe.
Egal was ich eingebe, es ändert sich im Frontend absolutely nothing!
By the way, wenn ich mir den Quelltext ansehe ist keinerlei Verlinkung zu irgendeinem Stylesheet angezeigt?!

**Sebastian** · 30.12.2009, 22:23

HI

neue Stylesheets muss man erst im Seitenlayout anhaken. Das klingt jetzt war gemein, aber trotzdem: Nach css4you.de kommt dann das Benutzerhandbuch

Nein, das ist jetzt hart, aber es hilft. Finde dich einfach mit TYPOlight zurecht und probier' rum, irgendwann hast du dann den Dreh raus. Bald

Sebastian

**Liebei** · 31.12.2009, 00:44

Du kannst aber auch die fe_page.tpl ins template vz kopieren und dann die css direkt in die Datei schreiben, so ist es dann auch noch gleich updatesicher, z.B.:

Code:

<link rel="stylesheet" href="tl_files/css/navi.css" type="text/css" media="screen" />

Aber Sebastian hat Recht, rtfm (read the fucking manuel)

**Sebastian** · 31.12.2009, 07:46

HI

@Liebei: dazu gibt es aber auch das Feld „Zusätzliche Head-Tags“ im Seitenlayout. Wegen soetwas würde ich das Template nicht ändern.

Sebastian

**Liebei** · 31.12.2009, 08:56

@sebastian

Du hast natürlich Recht, aber nachdem ich an der fe_page sonst auch noch so einiges ändere, mach ich es so.

Gutes Neues

**Sebastian** · 31.12.2009, 09:11

HI

dann passt es natürlich. Auch dir einen guten Rutsch (nicht auf dem Glatteis

)!

Sebastian

**charles** · 31.12.2009, 10:50

Hi,
vielen Dank.
Allen einen guten Rutsch.
Habe gestern nacht noch ein wenig rumgebastelt und dann ist mir selbst die
Erleuchtung gekommen.
Funktioniert zwar immer noch nicht genau so wie ich es haben wollte, aber es ist zumindest etwas Licht im Tunnel zu sehen.
Irgendwie ärgert mich auch nur die Navigation. Alles andere läuft wie gewünscht.
Mühsam nährt sich das Eichhörnchen!

**charles** · 02.01.2010, 19:46

Hi,
habe mich jetzt soweit schlau gemacht, dass ich Haupt- und Untermenue da hin schieben kann wo ich es gebrauchen will.
Bei folgendem Problem komm ich aber nicht weiter.
Wenn ich z.B. das Hintergrundbild von .mod_navigation definiere taucht es auch bei .mod_navigation.sub auf. Irgendwo habe ich was übersehen, aber mir fällt es nicht auf. Vielleicht kann jemand helfen!?

**charles** · 02.01.2010, 20:06

Alles zurück.
Habe ein wenig rum experimentiert.
Ich glaub ich habe es jetzt!!!

**Sebastian** · 02.01.2010, 21:18

HI

du kannst in den Modulen auch einzelne IDs vergeben. Dann kannst du beide Navigationen getrennt ansprechen.

Sebastian

**charles** · 05.01.2010, 22:26

Hi Sebastian,
ich habe meine Navigation so weit so gut hinbekommen.
Eine Sache hakt allerdings immer noch, wenn ich für meine Main Navigation ein Hintergrundbild deklariere übernimmt es die Sub automatisch.Das gleiche gilt auch für die Hintergrundfarbe. Selbst wenn die Sub ein anderes Bild/Farbe bekommt wird es ignoriert. Nur wenn ich bei der Main eine Hintergrundfarbe einstelle wird das Bild der Sub sichtbar.
Habe im Header noch eine Customnav eingebaut, die funktioniert unabhängig von der Main.

**Sebastian** · 06.01.2010, 09:25

HI

Zitat von Sebastian

du kannst in den Modulen auch einzelne IDs vergeben. Dann kannst du beide Navigationen getrennt ansprechen.

Sebastian

**charles** · 06.01.2010, 11:06

Hi,
habe selbiges auch getan. Die ID`s sind im firebug auch zu sehen. Aber wenn ich sie ansprechen will ändert sich im Frontend nichts.

**Sebastian** · 06.01.2010, 13:02

HI

du musst das dann so machen:

In Hauptnavigationsmodul beispielsweise „mainnav“ in das Feld für die ID eintragen. Im Modul für die Unterpunktnavigation beispielsweise in das gleiche Feld „subnav“. CSS:

Code:

#mainnav {
 background: xxx;
}
#subnav {
 background: yyy;
}

Sebastian

**charles** · 06.01.2010, 18:24

Hi Sebastian,
ich weiss, ich bin echt `ne Nervensäge.
Hatte vergessen im Stylesheet den Selektor für die subnav ul li zu ändern.
Tut mir leid!

**Sebastian** · 06.01.2010, 18:30

HI

soetwas passiert manchmal

Mach' dir nichts draus…

Sebastian

**charles** · 12.01.2010, 08:22

Hi Sebastian,
bin jetzt, dank Deiner Hilfe, endlich online.
http://www.tegtmann-performance.de
Ist zwar noch nicht der Weisheit letzter Schluss, aber ich fange ja auch erst an.
Gruss Charles

**do_while** · 12.01.2010, 18:29

Hallo charles,

Gratuliere! das ist doch schon mal ein schöner Anfang. Wenn die erste Seite erstmal steht, kann man schon ein wenig aufatmen.

Dein Impressum sollte aber schon auch das Impressum enthalten und nicht nur den Disclaimer. Das ist nicht ungefährlich so.
Was ein Impressum enthalten sollte, findest Du z.B. hier:
http://www.digi-info.de/webimpressum/