Making this CSS vertical
-
I have this piece of code that i like to have vertical instead of horizontal. I’ve tried a lot, but nothing worked yet.
/*- Main Menu in Header */
ul.menu {
list-style-type: none;
list-style-image: none;
margin: 0 0 0 -15px;
padding: 0;
position: absolute;
width: 500px;
color: #333;
}
ul.menu li {
list-style-type: none;
list-style-image: none;
display: inline;
margin: 0;
color: #333;
}
ul.menu,
ul.menu li a {
list-style-type: none;
list-style-image: none;
padding: 5px 15px 6px;
color: #333;
}
ul.menu li a {
list-style-type: none;
list-style-image: none;
font-size: 1em;
background: #333;
color: #eee !important;
margin: 0;
}
ul.menu li a:hover {
background: #B5D252;
color: #eee !important;
text-decoration: none;
list-style-type: none;
list-style-image: none;
}
ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
color: white !important;
background: #48f;
text-decoration: none;
list-style-type: none;
list-style-image: none;
}
Any help would be appreciated
- The topic ‘Making this CSS vertical’ is closed to new replies.