I have a multi language menu, in English the spacing is perfect, but in a different language the words are longer and it get larger.
You can see here:
http://viga-design.com/index2.php?lang=en
http://viga-design.com/index2.php?lang=lt
I have a multi language menu, in English the spacing is perfect, but in a different language the words are longer and it get larger.
You can see here:
http://viga-design.com/index2.php?lang=en
http://viga-design.com/index2.php?lang=lt
In that case, you should set a width on the LIs (e.g. width: 160px; ), remove the left/right padding on the links, float the LIs and remove float on the links, set the links to display: block and text-align: center.
Got that sorted out, thank you so much, now i was wondering how can i make the <li> highlight in red when i hover on it, right now it only makes the text red for some reason.
Set the anchors to display:block and they will fill the parent li.
.menu ul li a, .menu ul li a:visited {
text-decoration: none;
color: #fff;
display: block;
}
Thank you!