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

http://stackoverflow.com/questions/7182281/how-can-i-fix-the-vertical-alignment-of-my-horizontal-menu

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

Syndicate content