Headline menu trouble

[kessen]

Hi!
First of all sorry for my english

We install your SMF theme - Headline (for smf 2.0) and have some
troubles with main menu.
With russian language text distorted...

See screenshot in attachment

Can you help to fix this please?

Thank you

[attachment deleted by admin]

[Crip]

Hi,
Yes , i've saw that before .. it's fixed with a smaller font & wider drop..

css/index.css Find:

Code Select Expand


#toolbar {
margin: 0;
padding: 0;
height: 46px;
margin-top: 0;
background: url(../images/img/topmenu-bgr.gif) repeat-x;
}

#topmenu{
background: url(../images/img/topmenu-bgr.gif) repeat-x;
height: 46px;
margin: 0;
}
#topmenu li {
list-style: none;
float: left;
line-height: 46px;
}
#topmenu li a {
color: #333;
display: block;
margin: 0 1px 0 0;
padding: 0 15px;
}
#topmenu li a:hover {
color: #ff7800;
text-decoration: none;
}

#navi {
position: relative;
height: 46px;
z-index: 1000;
padding: 0;
margin: 0;
}
#navi ul {
margin: 0;
padding: 0;
}
#navi li {
float: left;
background: url(../images/img/topmenu-sep.gif) no-repeat left;
margin: 0;
padding: 0 0 0 2px;
position: relative;
list-style: none;
line-height: 46px;
}
#navi li a {
display: block;
line-height: 46px;
padding: 0 16px;
color: #444;
font-size: 12px;
}
#navi li a.active {
background: url(../images/img/topmenu-bgr.gif) repeat-x;
color: #FF7800;
font-weight: bold;
}
#navi li a:hover, #navi li:hover a, #navi li.sfhover a {
background: url(../images/img/topmenu-bgr.gif) repeat-x;
color: #000;
text-decoration: none;
}
#navi li:hover li a, #navi li ul li a:hover {
color: #333;
background: #eae9e1;
}
#navi li li {
width: 200px;
height: auto;
padding: 0;
}
#navi li li a, #navi li li a:hover, #navi li li a, #navi a.active li a, #navi li:hover li a, #navi li.sfhover li a {
background: none;
height: 30px;
line-height: 30px;
margin: 0;
font-weight: normal;
text-transform: none;
font-size: 12px;
color: #444;
}
#navi li ul {
background: #efeeee;
position: absolute;
width: 200px;
left: -999em;
margin-left: -1px;
}
#navi li ul ul {
margin: -27px 0 0 195px;
}
#navi ul li li:hover, #navi ul li li.hover {
position: static;
}
#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
left: -999em;
}
#navi li:hover ul, #navi li.sfhover ul {
left: 3px;
}
#navi li li:hover ul, #navi li li li:hover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
left: 0;
}


Change two areas:::

Code Select Expand


#toolbar {
margin: 0;
padding: 0;
height: 46px;
margin-top: 0;
background: url(../images/img/topmenu-bgr.gif) repeat-x;
}

#topmenu{
background: url(../images/img/topmenu-bgr.gif) repeat-x;
height: 46px;
margin: 0;
}
#topmenu li {
list-style: none;
float: left;
line-height: 46px;
}
#topmenu li a {
color: #333;
display: block;
margin: 0 1px 0 0;
padding: 0 15px;
}
#topmenu li a:hover {
color: #ff7800;
text-decoration: none;
}

#navi {
position: relative;
height: 46px;
z-index: 1000;
padding: 0;
margin: 0;
}
#navi ul {
margin: 0;
padding: 0;
}
#navi li {
float: left;
background: url(../images/img/topmenu-sep.gif) no-repeat left;
margin: 0;
padding: 0 0 0 2px;
position: relative;
list-style: none;
line-height: 46px;
}
#navi li a {
display: block;
line-height: 46px;
padding: 0 16px;
color: #444;
font-size: 0.9em;    <=============>
}
#navi li a.active {
background: url(../images/img/topmenu-bgr.gif) repeat-x;
color: #FF7800;
font-weight: bold;
}
#navi li a:hover, #navi li:hover a, #navi li.sfhover a {
background: url(../images/img/topmenu-bgr.gif) repeat-x;
color: #000;
text-decoration: none;
}
#navi li:hover li a, #navi li ul li a:hover {
color: #333;
background: #eae9e1;
}
#navi li li {
width: 210px;    <=============>
height: auto;
padding: 0;
}
#navi li li a, #navi li li a:hover, #navi li li a, #navi a.active li a, #navi li:hover li a, #navi li.sfhover li a {
background: none;
height: 30px;
line-height: 30px;
margin: 0;
font-weight: normal;
text-transform: none;
font-size: 0.9em;  <=============>
color: #444;
}
#navi li ul {
background: #efeeee;
position: absolute;
width: 210px; <=============>
left: -999em;
margin-left: -1px;
}
#navi li ul ul {
margin: -27px 0 0 195px;
}
#navi ul li li:hover, #navi ul li li.hover {
position: static;
}
#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
left: -999em;
}
#navi li:hover ul, #navi li.sfhover ul {
left: 3px;
}
#navi li li:hover ul, #navi li li li:hover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
left: 0;
}


Change those  /  <=============> / & it should fix it.

[kessen]

Thank's