hallo,
ich habe via Plugin n DropDown menü in meine WP seite eingebaut. nun ist das aber etwas zu Lang... kann man das nicht etwas schmäler anzeigen lassen, denn sonst sprängt es den rahmen...
das PCA Reptors ist iwie breiter als der rest kA wieso...
seht selbst: vincents-kleine-werkstatt
hier der css code:
PHP
#cms-nav-top-menu { }
#cms-nav-top-menu, #cms-nav-top-menu ul {
padding: 0;
margin: 0;
list-style: none;
z-index: 999;
}
#cms-nav-top-menu a{
background-color: #eee;
color: #000;
display: block;
text-decoration: none;
padding: 10px 16px 15px 10px;
border-right: 1px solid #ccc;
}
#cms-nav-top-menu a.trigger {
padding: 10px 16px 15px 10px;
background-image: url(../img/cms-nav-dark-s.gif);
background-repeat: no-repeat;
background-position: right center;
}
#cms-nav-top-menu a.selected{
background-color: #C19674;
color:#000;
}
#cms-nav-top-menu li {
float: left;
width: 9em;
}
#cms-nav-top-menu li {position: relative;}
/* hide from IE mac \*/
#cms-nav-top-menu li {position: static; width: auto;}
/* end hiding from IE5 mac */
#cms-nav-top-menu li ul, #cms-nav-top-menu ul li {
width: 12em;
}
#cms-nav-top-menu ul li a {
color: #ffffff;
text-decoration: none;
border-right: 0;
padding: 3px 12px 3px 16px;
}
#cms-nav-top-menu li ul {
position: absolute;
display: none;
background-color: #FFFFFF;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
background-image: url(../img/cms-nav-grad.jpg);
background-repeat: repeat-x;
}
#cms-nav-top-menu li:hover a, #cms-nav-top-menu a:focus,
#cms-nav-top-menu a:active {
color: #000000;
background-color: #C19674;
}
#cms-nav-top-menu li:hover ul {
display: block;
}
#cms-nav-top-menu li:hover ul a {
color: #000000;
background-color: transparent;
}
#cms-nav-top-menu ul a:hover{
background-color: #B3D9FF !important;
color: #004D99 !important;
}
#cms-nav-top-menu ul li.selected{
width: 9em;
cursor:default;
}
#cms-nav-top-menu span.selected{
display:block;
padding: 3px 12px 3px 16px;
cursor:default;
}
#cms-nav-top-menu ul li a.selected, #cms-nav-top-menu ul li.current-cat{
background-color: #B3D9FF !important;
color: #004D99 !important;
}
.cms-nav-clearit {
clear: both;
height: 0;
line-height: 0.0;
font-size: 0;
}
.cms-nav-sub-section{
font-weight:bold;
font-size: 110%;
list-style-type: none;
}
ul li.cms-nav-sub-section:before{
content: '' !important;
}
.cms-nav-left-menu{
list-style: none;
padding:0;
margin:0;
}
.cms-nav-left-menu li
{
position: relative;
margin:4px 8px 2px 8px;
}