Trying to build a simple multi level menu.
here's my html:
- aaaaa
- bbbbb
- ccccc
- ddddd
- fffff
here's the css:
li {
list-style: none;
width: 75px; height: 40px;
background-color: #6f6;
border: 1px solid black;
}
.top li { display: inline-block; }
I want to get the li with the class of .submenu to align with the other li's
you can view the result here:
http://codepen.io/jimeast/pen/MyXmPw
How to center menu and footer bar?
Hi! I’m new in css and i’m building now my first website. I want to center the menu and footer bar? Not only the text, but the whole nav bar. And how to adjust the alignment of footer bar, I mean how to move in slightly top of the bottom of the page? Pls help me. Thank you!
Here’s the script of menu bar css:
.main-navigation { clear: both; display: table; font-weight: 300; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 13px; position: relative; text-align: center; border-bottom: 3px solid #e92121;
How to center menu and footer bar?
Hi! I’m new in css and i’m building now my first website. I want to center the menu and footer bar? Not only the text, but the whole nav bar. And how to adjust the alignment of footer bar, I mean how to move in slightly top of the bottom of the page? Pls help me. Thank you!
Here’s the script of menu bar css:
.main-navigation { clear: both; display: table; font-weight: 300; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 13px; position: relative; text-align: center; border-bottom: 3px solid #e92121;
Vertical alignment of an image within horizontal menu using float
Hello folks,
I was looking into a problem, basically:
//menu// LOGO MENU1 MENU2 MENU3 MENU4 //menu//
I personally prefer creating horizontal menus using the "float" property. However in this iteration I have incorporated a Logo in the menu and using the float property the rest of the menu feel like it's vertically aligning to the top of the logo, which I guess is what it should do since that is how the text should wrap around it. I did some search on the net and I found this
Vertical alignment of menu?
Hi,
I am trying to align the main menu in the header on www.mindcore.cz so that the bottom of the menu aligns to the bottom of the logotype.
Using Firefox and Firebug I have identified the Float:right tag but I can't figure out how to move the menu down.
Please advice which code to put where to fix this.
Thanks,
Fredrik
