[GELÖST] Menüanpassung

[eidex]

Ich hab das menu_vert stark vereinfacht, alle Grafiken entfernt, jetzt hätte ich gerne dass der jeweilige aktivierte Unterpunkt fett dargestellt wird, ich finde nur im stylesheet keine Option dafür, es wird immer nur der Hauptpunkt fett! Wäre für Hilfe sehr dankbar!

lg aus Wien,

Paul

[lollipop27]

der jeweilge aktivierte Punkt ist eine h3-Überschrift....

irgendwo muesste es also ein punkt li li h3 oder so ähnlich geben....

[eidex]

komisch, selbst wenn ich jeder h3 ein "font-weight: bold;" verpasse ändert such nichts, ich habe folgende h3 Einträge:

Code: Select all

div#menu_vert ul h3 {                          
   padding: 0.8em 0.5em 0.8em 1.5em;   /* some air for it */
   color: #9d153b;                              /* this will be link color for all levels */
   font-size: 1em;                              /* instead of the normal font size for <h3> */
   margin: 0;                                     /* as <h3> normally has some margin by default */
   font-weight: bold;
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 0em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #9d153b;
   font-weight: bold;    
}
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em; 
   font-weight: bold;
}

[lollipop27]

Hast du einen Link, dass man sich das ganze mal anschaun kann?

[NaN]

Hallo eidex.

Jaja, das Formatieren von Menüs hat offenbar immer wieder so seine Tücken...

Soweit ich weiß, wird im Standard-Template der aktuelle Menüpunkt folgendermaßen dargestellt:

Current page is......

Als müsste in Deinem Stylesheet der Untermenüpunkt mit

div#menu_vert ul li.currentpage h3
{
    font-weight:bold;
}

formatiert werden.

Du musst allerdings darauf achten, dass diese Formatierung nicht von einer anderen überschrieben wird.

Wenn Du z.B. am Anfang einer CSS-Datei alle Elemente der Klasse .current mit font-weight:bold; formatierst, und am Ende irgendwo stehen hast li.current oder ul  .current mit font-weight:normal;, dann wirst Du bei der Ausgabe keinen fetten text erhalten, da die font-weight-Styles für Listenpunkte oder alle anderen Unterelemente einer unformatierten Liste wieder überschrieben wurden.
Für den Browser gelten in diesem Beispiel die letzten CSS-Styles.

Außerdem gelten für den Browser bestimmte Hierarchien.
So haben z.B. id's Vorrang gegenüber Klassen.

D.h. selbst wenn Du am Anfang ein Element mit div#menu_vert ul li.currentpage mit font-weight:bold; formatierst, wird dieses nicht überschrieben, wenn am Ende nur steht li.currentpage.

So oder so ähnlich. Ich hoffe, ich habe das jetzt etwas verständlich erklären können. Ich finde jetzt leider den Link zu der Seite nicht, wo das ganz genau erklärt wird. Ich glaube bei SelfHTML.org gabs dazu mal eine sehr detailierte Tabelle.

[eidex]

Hi, danke für eure Mühe und entschuldigung für die späte Antwort, war ziemlich beschäftigt in letzter Zeit:

die Lösung war:

div#menu_vert .currentpage
{
    font-weight:bold;
}

lg, Paul