Loading

How to make design for horizontal fixed menu as bellow

ahmed salah

I need to make horizontal fixed menu as image in media fire link bellow

http://www.mediafire.com/view/5xaq2mj2nswyam5/top_menu.jpg

i try to make it as fiddle

but remaining some point modification to be same

1 - like add | between words

2 - also black rectangle of menu not same size as image in media fire link

my fiddle as bellow

https://jsfiddle.net/ahmedsa/xkabohyw/

so that how to add these points if possible please

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ayan Roy9y ago
Please check your fiddler site I have updated with the changes.
I have changed the li a with this.

li a {
display: block;
color: white;
padding: 2px 9px 0px 24px;
text-decoration: none;
border-right: 1px solid #fff;
margin-top: 10px;
}
+1
Bikesh Srivastava9y ago
http://www.htmlgoodies.com/beyond/css/how-to-create-horizontal-navigation-with-css3.html
0