[GELÖST] Naviproblem

[Pulli]

Hallo,

ich nochmal. Also auf der Seite www.coban-group.de/cms wird die Navi im aktiven Zustand nicht wie gewünscht dargestellt.

Template welches zu grunde liegt ist das Clean Orange.

Folgende Navi CSS besteht zur Zeit:

Code: Select all

#menu_vert {
   padding-left: 5px;
   margin-left: 0;
}

#menu_vert li {
   list-style: none;
   margin: 0;
background:#D3D3D3;
   border-bottom: 1px solid #ffffff;
   display: block;
}

#menu_vert ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration:none;
   display: block;
   padding: 10px 0.5em 0.8em 10px;
   /* color: #cc6714;  */
   color: #2A2D64;
   min-height:1em;
}
/* first level links */
div#menu_vert selected
 {
   text-decoration:none;
   display: block;
   padding: 10px 0.5em 0.8em 10px;
   /* color: #cc6714;  */
   color: #2A2D64;
   min-height:1em;
}

/* second level */
div#menu_vert ul ul a {
   padding: 0.5em 0.5em 0.5em 1.5em;
   background: url(uploads/Clean_Orange/menu_sub1.gif) no-repeat 5% 51%;
   border-top: 1px dotted #c0c0c0;
}

/* third level */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 2.5em;
   background: url(uploads/Clean_Orange/menu_sub2.gif) no-repeat 12% 51%;
   border: none;
}

/* hover first level */
div#menu_vert ul a:hover{
   background: #2A2D64 url(uploads/Clean_Orange/menu_arrows2.gif) no-repeat 96% 51%;
   color: #D3D3D3;
}

/* hover second level */
div#menu_vert ul ul a:hover {
  background: #f3f3f3 url(uploads/Clean_Orange/menu_sub1.gif) no-repeat 5% 51%;
}

/* hover third level */
div#menu_vert ul ul ul a:hover {
  background: #f3f3f3 url(uploads/Clean_Orange/menu_sub2.gif) no-repeat 12% 51%;
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none;
}

Ich würde die jeweils aktive Seite immer wie beim Hover-Effekt darstellen. Hab aber nicht den richtigen Plan, wie ich das anstelle...bin leider kein Programmierer...

Wäre super, wenn mir da jemand kurz helfen könnte...

Danke Marco

[nicmare]

probiere einmal das:

Code: Select all

div#menu_vert li.currentpage {
   text-decoration:none;
   display: block;
   padding: 10px 0.5em 0.8em 10px;
   min-height:1em;
   background: #2A2D64 url(uploads/Clean_Orange/menu_arrows2.gif) no-repeat 96% 51%;
   color: #D3D3D3;
}

und das:

Code: Select all

/* first level links */
div#menu_vert selected
 {
   text-decoration:none;
   display: block;
   padding: 10px 0.5em 0.8em 10px;
   /* color: #cc6714;  */
   color: #2A2D64;
   min-height:1em;
}

kannste löschen meine ich. weiß jedenfalls nicht was das fürn sinn macht.

[Pulli]

ach super...soweit auch in ordnung, aber eine kleine frage habe ich noch.

selbst wenn ich bei deinem code die farbe auf #ffffff ändere, wird sie nicht weiß. und außerdem ist die aktive seite fett dargestellt. muss auch nicht unbedingt sein. kann es sein, das das noch irgendwo anders eingestellt ist...habe es leider so nicht gfeunden. 

aber wäre jetzt auch nicht so schlimm...wenn auch etwas lesefreundlicher.

schon jetzt vielen Dank.

[nicmare]

na das liegt an dem h3 tag. das ist standardmäßig fett.
also
div#menu_vert li.currentpage h3{
  font-weight:normal;
  color: #fff;
}

[sommersprosse]

selbst wenn ich bei deinem code die farbe auf #ffffff ändere, wird sie nicht weiß. und außerdem ist die aktive seite fett dargestellt. muss auch nicht unbedingt sein. kann es sein, das das noch irgendwo anders eingestellt ist...habe es leider so nicht gfeunden. 

Du kannst auch dein Template für die Naviigation anpassen, dort kannst du einfach den Tag rausnehmen wenn du ihn nicht nutzen willst.

[Pulli]

na das liegt an dem h3 tag. das ist standardmäßig fett.
also
div#menu_vert li.currentpage h3{
   font-weight:normal;
   color: #fff;
}

ah super. das funktioniert. danke nochmal.

[nicmare]

gewöhne dir bitte an ein [gelöst] vor den threadtitel zu packen =]

[Pulli]

gewöhne dir bitte an ein [gelöst] vor den threadtitel zu packen =]

oh sorry...erledigt !