Solved

Menu items too close together

Posted on 2014-02-06
3
427 Views
Last Modified: 2014-02-06
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
Comment
Question by:MBarongan
3 Comments
 
LVL 17

Expert Comment

by:nanharbison
ID: 39838498
Can we see the page where this is happening? That way we can try CSS changes in Firebug.
0
 
LVL 28

Accepted Solution

by:
chilternPC earned 500 total points
ID: 39838499
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
 

Author Closing Comment

by:MBarongan
ID: 39839585
Thank you. The problem was the CSS.
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Link SQL table to Webpage 9 37
CSS Divs in Safari 3 18
getting id from database 5 24
Bootstrap input box width 2 13
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now