How can I create horizontal menu?

vaneetagoswami · Aug 4, 2014

Hi members,

I am newbie in web designing and want to learn web designing. I want to know that how can I create horizontal menu?? I tried myself but not get enough success. Thanks and appreciate your answer..

hoangvu · Aug 4, 2014

This needs to have knowledge about CSS and html. Having more script with demo sharing on the internet and you can get one via google. But to suite to your website with any changes you need to know CSS to edit those scripts. I suggest you go Template section on this forum to post a new thread and finding a good web designer do that for you.
Good luck!

bradvictor1 · Aug 4, 2014

Kelly it's nice way which you join in the IT industry. So if has been putted you step the start to real your designing subject in the easy manner in W3SHCOOL at online with suitable piratically.

walker.king89 · Aug 5, 2014

If you wants to Make the menu Horizontal then you may need to add style for this. you can add "float" tag in style. also you can use css for this.
if you are beginner then visit the below website for more information here you get the information of website designing.
http://w3schools.com/

JoelPDickerson · Aug 12, 2014

Here is coding for creating horizontal menu-
<!DOCTYPE html>
<html>
<head>
<style>
ul {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}

a {
float: left;
width: 6em;
text-decoration: none;
color: white;
background-color: purple;
padding: 0.2em 0.6em;
border-right: 1px solid white;
}

a:hover {
background-color: fuchsia;
}

li {
display: inline;
}
</style>
</head>
<body>

<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>

<p>In the example above, we let the ul element and the a element float to the left.
li elements will be displayed as inline elements (no line break before or after the element). This forces the list to be on one line.
The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font).
We add some colors and borders to make it more fancy.
</p>

</body>
</html>

How can I create horizontal menu?

vaneetagoswami

New member

hoangvu

New member

bradvictor1

New member

vaneetagoswami

New member

walker.king89

New member

vaneetagoswami

New member

webdesign

New member

JoelPDickerson

New member

Latest posts New threads

Latest posts

New threads

Referral contests

Refer Your Friends to WebmasterSun to Win Cash and Prizes!

Latest Offers New Reviews

Latest affiliate promotion

Popular Contributors - Past 30 Days

Sponsors

Popular tags