Frage stellen
ich hab das Problem das in dem Menu weiße Streifen zwischen den Buttons auftauchen. Wie kann ich diese auf die blaue Hintergrundfarbe setzen? Finde den dazu gehörigen CSS Teil nicht.
- Code: Alles auswählen
/** IE bugs: a:link, a:visited, a:hover need to be styled as well; border-bottom to workaround IE bug displaying container too large */
/** customize colors here */
a.mainlevel-vgk, a.mainlevel_active-vgk, a.mainlevel_current-vgk,
a.mainlevel-vgk:link, a.mainlevel_active-vgk:link, a.mainlevel_current-vgk:link,
a.mainlevel-vgk:visited, a.mainlevel_active-vgk:visited, a.mainlevel_current-vgk:visited {
background-color: #D9E8FF;
color: #333333;
}
a.mainlevel-vgk:hover, a.mainlevel_active-vgk:hover, a.mainlevel_current-vgk:hover {
color: #FF3300;
background-color: #F0FAFF;
color: #0CF;
}
a.sublevel-vgk, a.sublevel_active-vgk, a.sublevel_current-vgk,
a.sublevel-vgk:link, a.sublevel_active-vgk:link, a.sublevel_current-vgk:link,
a.sublevel-vgk:visited, a.sublevel_active-vgk:visited, a.sublevel_current-vgk:visited {
background-color: #9FC;
color: black;
}
a.sublevel-vgk:hover, a.sublevel_active-vgk:hover, a.sublevel_current-vgk:hover {
background-color: #0CF;
color: black;
}
ul.mainlevel-vgk ul ul a.sublevel-vgk, ul.mainlevel-vgk ul ul a.sublevel_active-vgk, ul.mainlevel-vgk ul ul a.sublevel_current-vgk,
ul.mainlevel-vgk ul ul a.sublevel-vgk:link, ul.mainlevel-vgk ul ul a.sublevel_active-vgk:link, ul.mainlevel-vgk ul ul a.sublevel_current-vgk:link,
ul.mainlevel-vgk ul ul a.sublevel-vgk:visited, ul.mainlevel-vgk ul ul a.sublevel_active-vgk:visited, ul.mainlevel-vgk ul ul a.sublevel_current-vgk:visited {
background-color: blue;
/*color: white;*/
}
ul.mainlevel-vgk ul ul a.sublevel-vgk:hover, ul.mainlevel-vgk ul ul a.sublevel_active-vgk:hover, ul.mainlevel-vgk ul ul a.sublevel_current-vgk:hover {
background-color: #E0E0E0;
color: blue;
}
/** customize style layout here */
/** link style */
a.mainlevel-vgk, a.mainlevel_active-vgk, a.mainlevel_current-vgk, span.mainlevel-vgk,
a.mainlevel-vgk:link, a.mainlevel_active-vgk:link, a.mainlevel_current-vgk:link,
a.mainlevel-vgk:visited, a.mainlevel_active-vgk:visited, a.mainlevel_current-vgk:visited,
a.mainlevel-vgk:hover, a.mainlevel_active-vgk:hover, a.mainlevel_current-vgk:hover,
a.sublevel-vgk, a.sublevel_active-vgk, a.sublevel_current-vgk, span.sublevel-vgk,
a.sublevel-vgk:link, a.sublevel_active-vgk:link, a.sublevel_current-vgk:link,
a.sublevel-vgk:visited, a.sublevel_active-vgk:visited, a.sublevel_current-vgk:visited,
a.sublevel-vgk:hover, a.sublevel_active-vgk:hover, a.sublevel_current-vgk:hover {
font-weight: normal;
font-size: 100%;
text-align: left;
text-decoration: none;
margin: 0;
display: block;
border: none;
padding: 0;
clear: both;
border-bottom: 1px solid white;
}
a.sublevel-vgk, a.sublevel_active-vgk, a.sublevel_current-vgk, span.sublevel-vgk,
a.sublevel-vgk:link, a.sublevel_active-vgk:link, a.sublevel_current-vgk:link,
a.sublevel-vgk:visited, a.sublevel_active-vgk:visited, a.sublevel_current-vgk:visited,
a.sublevel-vgk:hover, a.sublevel_active-vgk:hover, a.sublevel_current-vgk:hover {
font-size: 90%;
}
/** active menu */
#active_menu-vgk,
a.mainlevel_active-vgk, a.mainlevel_current-vgk,
a.mainlevel_active-vgk:link, a.mainlevel_current-vgk:link,
a.mainlevel_active-vgk:visited, a.mainlevel_current-vgk:visited,
a.mainlevel_active-vgk:hover, a.mainlevel_current-vgk:hover,
a.sublevel_active-vgk, a.sublevel_current-vgk,
a.sublevel_active-vgk:link, a.sublevel_current-vgk:link,
a.sublevel_active-vgk:visited, a.sublevel_current-vgk:visited,
a.sublevel_active-vgk:hover, a.sublevel_current-vgk:hover {
font-weight: bold;
background-color:#09F; /*Farbe des aktivierten mainbuttons*/
}
/** list layout */
ul.mainlevel-vgk {
list-style-type: none;
margin: 5px;
padding: 0;
float: left;
width: 10em;
left: 0px;
/*farbe untermenu*/
}
ul.mainlevel-vgk ul {
list-style-type: none;
margin: 2px;
padding: 0;
float: left;
width: 10em;
left: 0px;
/*farbe untermenu*/
}
ul.mainlevel-vgk ul {
margin-left: 1em;
margin-bottom: 2px;
width: 9em; /*verschiebung untermenus*/
}
ul.mainlevel-vgk ul ul {
width: 8em;
}
ul.mainlevel-vgk li {
padding: 0;
margin: 0;
background: none;
list-style-type: none;
display: block;
}
ul.mainlevel-vgk li li {
}
ul.mainlevel-vgk li {
clear: both;
}
/** separator */
span.mainlevel-vgk, span.sublevel-vgk {
padding: 5px;
}
/** mountaintop-corners */
ul.mainlevel-vgk li a span {
background: url("../images/mask_white_round_topleft.gif") top left no-repeat;
display: block;
margin: 0;
padding: 0;
}
ul.mainlevel-vgk li a span span {
background: url("../images/mask_white_round_topright.gif") top right no-repeat;
}
ul.mainlevel-vgk li a span span span {
background: url("../images/mask_white_round_bottomleft.gif") bottom left no-repeat;
}
ul.mainlevel-vgk li a span span span span {
background: url("../images/mask_white_round_bottomright.gif") bottom right no-repeat;
}
ul.mainlevel-vgk li a span span span span span {
background: none;
padding: 6px;
padding-top: 3px;
padding-bottom: 3px;
}
ul.mainlevel-vgk li a span span span span span span {
display: inline;
}
-->http://vgk09.bplaced.net/joomla/index.php?option=com_content&view=article&id=3&Itemid=5