Problem mit Navigations Template

[frego123]

Hallo

ich und ein Freund sind neu bei Contao und müssen eine Webseite mit einem Contao System für die Schule erstellen.
Wir haben uns da mitlerweile ein bisschen reingefummelt, aber viel Ahnung davon haben wir nicht.

Wir möchten eine Navigation in den Header einfügen.
Die Navigation besteht aus 2 Leveln.

Das erste level funktioniert wunderbar, jedoch das zweite nicht. Dabei haben wir mehrere Probleme:

Ich habe schon mehrmals versucht die nav_default.html5 umzuschreiben, jedoch ist immer irgentetwas nicht ganz so, wie wir es wollen.

Und zwar:
1.) Es soll der ganze Listenpunkt anklickbar sein, dazu muss ich ja den kompletten listenpunk verlinken. Standardmäßig ist es ja so: <li><a></a></li> es muss jedoch <a><li></li></a>
2.) Soll das 2 level sichtbar sein sobald man das obermenu berührt (hover). Jedoch ist es zur Zeit so eingestellt, das das Untermenu nur erstellt wird, wenn das obere Menu active ist. Es soll jedoch immer erstellt sein.
3.) Bekommen wir es nicht hin, das Untermenu Vertikal unter dem oberen Listenpunkt anzuzeigen, sobald man über den oberen Menupunkt fährt (hover). Dies kann auch mit dem 2.) problem zusammenhängen, da teilweise <span></span> erstellt wird.


Ich hoffe ihr könnt mir bei unserem Problemen helfen.

Lieben Gruß

[Kahmoon]

Zu Punkt 1
Um den ganzen Listenpunkt klickbar zu machen braucht das <a> nur die CSS Eigenschaft display:block oder display:inline-block.

<a><li></li></a> geht gar nicht!

[ciaobello]

Willkommen im Forum.

Ich weiss nicht ob ihr das Wiki schon entdeckt habt?

Da gibt es einen ganzen Artikel über das Modul Navigation: http://de.contaowiki.org/ModulNavigation

Ich denke, dass Ihr die Probleme vorerst auch ohne Vorlage anzupassen lösen könnt. Nämlich mit CSS.

Wegen dem aufklappen ohne zu klicken könnt Ihr bei der demo gucken http://demo.contao.org/en/

Noch was zur Version, wenn Ihr schon eine Seite für die Schule macht, dann verwendet doch auch die LTS Version. Damit kriegt Ihr für längerere Zeit Unterstützung mit Updates. Die Version 3.4 wird mit der nächsten LTS 3.5 abgelöst. Und dass wird schon in ein paar Wochen sein. Einfach den Release Plan auf contao.org konsultieren.

[frego123]

Danke, bin schon viel weiter gekommen.

Nun ein letztes Problem:

Das Untermenu ist etwas verborgen, es wird quasi verdeckt und ist somit nicht anklickbar.

auch mit z-index konnte ich es auch nicht hervorheben.

[kos]

Das nur aufgrund des Bildes zu sagen ist schwierig, da kann es verschiedenste Ursachen geben.
Es hilft sich leichter, wenn man sich das Problem "Live und in Farbe ansehen kann" - sprich gibt er einen LINK zur Seite?

[frego123]

ts.virtual-rp.de/projekt/contao/

[ciaobello]

Bei mod.navigation.block hast du eine Einschränkung in der Höhe von 47px was Dir das Menü Abschneidet.

Kennst du den Firebug? Damit kannst Du solche Sachen ausfindig machen.

[frego123]

Ja, habe Firebug, finde jedoch die Höhenangabe nicht.

[ciaobello]

.mod_navigation {
margin-top: -31px;
list-style-type: none;
}
.block {
overflow: hidden;
}

Anscheinend ensteht die Pixelhöhe 47 durch den Negativwert von -31px (16px menu -31px nach oben=) Generelles overflow hidden für den .block bewirkt das abschneiden.