Member Avatar for london-G

Hello,

I am trying to have a menu like this one on my website
http://www.activemobility.co.uk/

Do you guys have an idea of what I can use to build a menu like this like a tutorial or anything. Also what's the proper name for menu like this.

Thanks

  • 3 Contributors
  • 2 Replies
  • 131 Views
  • 18 Hours Discussion Span
  • Latest Post Latest Post by crescendo
Member Avatar for JorgeM

You can always take a lol at the source code of the page to get an idea of what is implemented. These vertical menus can be built using CSS alone by changing the display property on the style and pseudo style :hover.

There are also fancier ways to do it with JavaScript/jQuery.

Plenty of examples and tutorials online for vertical navigation menu.

Member Avatar for crescendo

Simple

This is the usual way of generating a horizontal menu in css :-

ul{
margin:0;
}

ul li{
display: inline-block;
list-style: none;
background: e5e5e5;
padding: 5px 10px;
}

This is just an example. If you want a vertical menu, eliminat the line that says '

display:inline-block;

'

you may either say

diplay:block;

or simply leave it out completly!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.