Hulp met Css (wordpress)

[filthy rich]

Ik heb een website opgebouwd met wordpress en de css redelijk wat aangepast naar hoe ik het wil hebben.
Ik heb nu een navigatie met een hover:block en dit werkt perfect: als ik met de muis over de menu link/knop ga licht het mooi op in de vorm van een block. Nu wil ik echter dat dit block blijft staan als ik in mijn menu een link/knop aanklik, dit krijg ik niet voor elkaar en heb ik 20 verschillende dingen geprobeerd. Ik denkt dat het iets te maken heeft met .current


/*============================ NAVIGATION ============================*/
#navi {
float: right;
margin-top: 5px;
padding: 5px 0px;
color: #003EB0;
}
#nav, #nav ul{
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
position: relative;
color: #003EB0;
}
#nav li{
float:left;
position:relative;
}
#nav a {
display: block;
padding: 5px 9px;
font-size: 1.3em;
font-weight: bold;
font-family: Tahoma, Arial;
color: #003EB0;
}
#nav a:link, #nav a:visited{
text-decoration: none;
color: #003EB0;

}
#nav a:hover{
background: #DFFC32;
}
/*submenu*/
#nav ul {
position: absolute;
display: none;
z-index: 99;
padding: 2px;
background: #fff;
color: #003EB0;
border: 2px solid #DFFC32;
border-top: 5px solid #DFFC32;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#nav ul a {
width: 180px;
padding: 7px 10px;
float: left;
border-top: none;
color: #003EB0;
font-weight: normal;
}
#nav ul a:hover {
background: #DFFC32;
}
#nav ul ul{
top: 0;
margin-top: 2px;
}
#nav li ul ul {
margin-left: 180px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
#nav li.current_page_item a, #navi li.current-menu-item a{
text-decoration: none !important;

}
#nav li.current_page_item a a, #navi li.current-menu-item a a{
color: #333;
text-decoration: none !important;
}


/*============================ WP-Pagenavi ============================*/
.wp-pagenavi {
margin: 5px 0;
border-top: 1px none #DFFC32;
border-bottom: 1px none #DFFC32;
padding: 5px;
background: url(images/sidebar_bg.png) repeat-x #eee;
}
.wp-pagenavi .pages {
float: right;
margin-right: 10px;
}
.wp-pagenavi a {
margin: 0 5px 0 0;
padding: 4px 5px;
color: #333 !important;
text-align: center;
font-size: 2.0em;
font-weight: bold;
text-decoration: none;
}
.wp-pagenavi a:hover {
text-decoration: none;
}
.wp-pagenavi .current {
margin: 0 5px 0 0;
padding: 4px 8px;
color: #000;
font-size: 1.0em;
font-weight: bold;
text-align: center;
font-weight: bold;
text-decoration: none;
}

[ Voor 0% gewijzigd door filthy rich op 05-05-2013 21:07 . Reden: [code=css] ]

[RobIII]

Ja, sorry, maar zo werkt 't hier niet. "Dit heb ik *dump lap code* wat moet ik doen". We zien hier graag wat je zelf hebt geprobeerd/gezocht/gevonden (en dus niet alleen roepen "ik heb 20 dingen geprobeerd, laat zien wat je geprobeerd hebt), wat er niet werkte etc. en een concreet voorbeeld is wel ook zo handig dus een snippet (relevante!) HTML (en dus niet nog zo'n dump) is daarbij wel handig. CSS zonder relevante(!) HTML zegt helemaal niets; je haalt 't zo helemaal uit context.

Code kun je posten middels de code tags die we daarvoor hebben en als je een stukkie wil 'demonstreren' kun je een jsfiddle maken en daar naar linken. Voor de overige zaken verwijs ik je naar onze Quickstart waarin precies staat wat we verwachten van een topicstart Open dus gerust een nieuw topic maar hanteer voorgenoemde quickstart dan ook a.u.b.

[ Voor 9% gewijzigd door RobIII op 05-05-2013 21:23 ]