Align Menu Items

[Developer2007]

Can someone help me, I want to align menu items to the left, I noticed that when you add something like 3 menu items to a menu (Located in the navigation toolbar) and put the width of the menu to 100%, all menu items are spread across the width of the page, how do you make all menu items align to the left only?

I'm using ASP.NET\VB.NET.


Thanks in advance.

[mendhak]

Set its Orientation property. It can take Horizontal or Vertical.

[Developer2007]

I think you misunderstood,

eg:

this is what I am getting with my menu, as you can see my menu items are split up along the whole width of the menu.

[----[Home]----[About Us]----[Contact Us]----]


Instead I want this with my menu:

[[Home][AboutUs][Contact Us]-------------------]

I want to be able to align all the menu items to the left without changing the width of the menu.


This is my backup option:

I have been looking into this but I could not find the answer. I did some research and found that most people use flash to create their navigation bars (correct me if i'm wrong).

So I went away and started practicing Flash (It wasn't easy learning from scratch by the way), one problem tho. When the page loads, the control needs to be activated. Is there an easy fix for this?

Can somebody please give me some source projects for navigation bars to help me along the learning stage.


Thanks in advance.

[mendhak]

It's a matter of preference. You may have visited a lot of websites that use flash. Look at the internet.com bar at the top of this page, they've got it all left aligned, without flash. In fact, I believe that fewer menus are made in flash than they are in HTML.

Now, to get to your question. You want it all bunched together on the left. Try specifying a width property for your menu. Or, try wrapping it in a DIV and specifying CSS styles which will left-align all the items. Or, if you want to do it the proper proper way, have a look at ASP.NET CSS Adapters. They allow you to customize the way your menus are rendered.

[Developer2007]

Thanks again.

I will take a look into that, in the meanwhile. If anyone could please, please, please provide me with a source project with a menu bar example like on the top of this page, that would be awesome.


Thanks.