Hi all!
Anyone know how to justify menu like on screen without making images
http://www.vantoom.kylos.pl/eventproject/aa_menu.jpg
I wrote a code with nice working menu but have no idea how to justify it.
Anyone can help?
Quote:
/*////////// NAV //////////*/
#top_navlist {
width: 860px;
height: 60px;
}
.bevelmenu{
padding: 6px 0;
margin: 0;
width: 100%;
text-align: justify; /*?*/
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
text-transform: uppercase;
}
.bevelmenu li{
list-style: none;
display: inline;
}
.bevelmenu li a{
padding: 3px 1px 3px 1px;
text-decoration: none;
color: #333;
}
.bevelmenu li a:hover{
color: #009EE0;
border-style: outset;
}
.bevelmenu li.current_page_item a{
color: #009EE0;
border-style: outset;
}
|