Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 481
  • Last Modified:

Menu items too close together

My Default.aspx page has a horizontal menu across the top. I used the menu server control from the tool box. Why aren't the menu items positioned further apart from each other to fill the entire width of the header? They're all bunched up on the left side.  Shouldn't VWD2010 format them automatically?

Below are the files. I had to change my Web.sitemap file to an xml file to upload it here.
Default.aspx
Default.aspx.cs
Header.jpg
MenuBackground.jpg
Monochrome.css
Sidebar.jpg
web.config
Web.sitemap.xml
0
MBarongan
Asked:
MBarongan
1 Solution
 
nanharbisonCommented:
Can we see the page where this is happening? That way we can try CSS changes in Firebug.
0
 
chilternPCCommented:
the menu is defined in Monochrome.css
and you need to add to the list definition to make it horizontal
change it to:

.MainMenu ul li
{
  /*
    Gives the four menu items in the main menu a width of 200px each
  */
  width: 200px;
/*  remove bullets   */
list-style-type:none;

/* display horizontal   */
 display:inline;
}
0
 
MBaronganAuthor Commented:
Thank you. The problem was the CSS.
0

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now