How can I create horizontal menu?

Marc0

Well-known member
Registered
Joined
Jun 6, 2012
Messages
890
Points
28
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

New member
Joined
Jun 21, 2014
Messages
9
Points
0
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

Member
Registered
Joined
Jun 19, 2014
Messages
26
Points
3
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/
 

vaneetagoswami

Well-known member
Registered
Joined
Mar 6, 2014
Messages
140
Points
0
vaneetagoswami
I visit the w3school and it is really helps me a lot. You guys provide me a helpful and effective resource.

@KellyLC, @walker.king89 Are there any other resource for newbie to learn web designing?? If it exists than can you provide me....
 

webdesign

Well-known member
Joined
Jul 5, 2012
Messages
120
Points
0
webdesign
Hey vaneetagoswami,

Learn from there only basic knowledge for beginners and you will have more difficult when you join real website projects. Best ways are you need to create a complete website as your ideas. If you have any problems you will need to post on forum for helps or searching related tutorials.

I'm here to help you, if you have issues, post your questions on forum and I can support you solve it. :)
 
Joined
Aug 12, 2014
Messages
27
Points
0
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>
 
Recommended Threads

Latest Hosting OffersNew Reviews

Sponsors

Tag Cloud

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top