How to create html5 vertical navigation?

Asked By Carl M Poston 50 points N/A Posted on - 03/30/2013

Hello guys I am new at Web design and I am creating a Personal Website.

I am facing trouble.

I need to create HTML5 vertical navigation, but I can not.

Can you tell me how I can do this. If you can provide code it will be helpful.

• Status: Open
• Question Views: 801
• Answer Count: 1
• Vote Up 0 Vote Down

• Answer Accepted: No
• Question Category: ProgScripting Languages

Answered By Joseph S Peterson 35 points N/A #187732

How to create html5 vertical navigation?

Hi, To create vertical navigation you not only need HTML5 but also CSS. The HTML code is given below

You have to use CSS to make it look vertical. I will be using CSS3 here-

1) CSS for nav

nav{

display: -webkit-box;

-webkit-box-orient:

vertical; }

2) CSS for links

nav a{

display:block;

padding:10px;

-webkit-box-flex:1;

text-align:center;}

Hope this helps. For more tutorials check out this link.

Regards,

About Joseph S Peterson

Questions
19

Answers
101

Best Answers
13

• Vote Up 0 Vote Down

• Posted on - 04/09/2013
• Question Category: ProgScripting Languages