Hallo liebe Gemeinde,
habe ein seitliches Menü links vertikal, ein Menüpunkt ist leider zu lang,
(kürzen geht nicht) also habe ich im Code "white space: nowrap;" rausgenommen,
damit der Umbruch der Schrift funktionierte (word-wrap: break-word; )
war schon gesetzt
jetzt funktioniert der Umbruch, aber der umbrochene Teil hängt im nächsten Button drin,
wie schaffe ich es, das in dem einem Fall der Hintergund mitläuft sich nach unten vergrößert??
"background-repeat: repeat-x;" habe ich zu "background-repeat: repeat;" geändert,
aber das reicht wohl nicht
für Hilfe wäre ich sehr dankbar, vlg Piotrepedro
HIER DER CODE:
CSS
/* begin VMenuSubItem */
ul.lee-vmenu ul li{
margin: 0;
padding: 0 7px 0 0;
}
ul.lee-vmenu li li, ul.lee-vmenu li li a {
position:relative;
}
ul.lee-vmenu ul a
{
display: block;
position:relative;
height: 24px;
overflow: visible;
background-image: url('images/vsubitem.png');
background-repeat: repeat;
background-position: top left;
padding:3px;
padding-left:9px;
padding-right:15px;
line-height: 26px;
color: #737373;
margin-left: 0;
margin-right: 0;
word-wrap: break-word;
}
ul.lee-vmenu ul a.active{
background-position: bottom left;
}
ul.lee-vmenu ul a:hover{
background-position: center left;
line-height: 22px;
color: #737373;
margin-left: 0;
margin-right: 0;
}
ul.lee-vmenu ul li li a:hover, ul.lee-vmenu ul li li a:hover.active{
background-position: left center;
}
ul.lee-vmenu ul a:link, ul.lee-vmenu ul a:visited, ul.lee-vmenu ul a:active
{
line-height: 22px;
color: #737373;
margin-left: 0;
margin-right: 0;
}
ul.lee-vmenu>li>ul>li:first-child{
padding-top: 0;
margin-top:0;
}
ul.lee-vmenu li li{
position:relative;
margin-top:0;
}
ul.lee-vmenu ul ul a{
padding-left:30px;
}
ul.lee-vmenu ul ul ul a{
padding-left:45px;
}
ul.lee-vmenu ul ul ul ul a{
padding-left:60px;
}
ul.lee-vmenu ul ul ul ul ul a{
padding-left:75px;
}
ul.lee-vmenu ul li a.active {
color: #737373;
}
ul.lee-vmenu ul li a:hover, ul.lee-vmenu ul li a:hover.active {
color: #737373;
}
ul.lee-vmenu li li a {
border: 2px solid transparent;
border-style: none solid;
border-width: 0 2px;
margin-top: 2px;
margin-bottom: 2px;
border-color: #F2F2F2;
}
ul.lee-vmenu li li a.active:hover {
border-color: #F2F2F2;
}
ul.lee-vmenu li li a span.border-top, ul.lee-vmenu li li a span.border-bottom
{
display: block;
position: absolute;
content: ' ';
left: -2px;
right: -2px;
height: 2px;
background-color: transparent;
z-index: -1;
}
ul.lee-vmenu li li a span.border-top {
top: -2px;
background-color: #F2F2F2;
}
ul.lee-vmenu li li a span.border-bottom {
bottom: -2px;
background-color: #F2F2F2;
}
ul.lee-vmenu li li a.active:hover span.border-top, ul.lee-vmenu li li a.active:hover span.border-bottom {
background-color: transparent;
}
ul.lee-vmenu li li a.active:hover span.border-top, ul.lee-vmenu li li a.active:hover span.border-bottom {
background-color: #F2F2F2;
}
ul.lee-vmenu li li a.active {
border-color: #F2F2F2;
z-index: 1;
}
ul.lee-vmenu li li a.active span.border-top, ul.lee-vmenu li li a.active span.border-bottom {
background-color: #F2F2F2;
z-index: 1;
}
ul.lee-vmenu li li a:hover {
border-color: #F2F2F2 !important;
z-index: 2;
}
ul.lee-vmenu li li a:hover span.border-top, ul.lee-vmenu li li a:hover span.border-bottom {
background-color: #F2F2F2 !important;
z-index: 2;
}
/* end VMenuSubItem */
ES GIBT OBERHALB NOCH EINEN TEIL WO DIE SCHRIFTGRÖSSE DEFINERT WIRD:
/* begin VMenuItem */
ul.lee-vmenu a
{
display: block;
cursor: pointer;
z-index:0;
text-decoration: none;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
font-size: 13px;
margin-left:0;
margin-right:0;
position:relative;
word-wrap: break-word;
}
ul.lee-vmenu li{
position:relative;
}
ul.lee-vmenu>li>a
{
color: #444444;
text-decoration: none;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
padding: 14px 10px 1px 12px;
height: 51px;
line-height: 19px;
word-wrap: break-word;
}
ul.lee-vmenu>li>a.active {
color: #444444;
}
ul.lee-vmenu a:hover, ul.lee-vmenu a.active:hover {
color: #444444;
}