ASP 3.5-spaces between main menu items

stormage · May 21st, 2010, 10:04 PM

Hello all,

I've just finished reading and practicing on the menu control, and got to chapter 7, page 253.
Everything is fine, and the page i get in my browsers, matched perfectly to the description of the book.
Looking at the main menu items while in Monochrome theme, on the left there is "Home", to his right there is "Reviews", to his right there is "About" and to his right there is "Login".
What i don't get is where in the entire project is the code that sets the spaces between the main menu items above,
For example if i wanna change the distance between "Home" and "Reviews", in order to bring them closer to one another, or to move "Reviews" few steps to the left, how can i do that?

10x for any reply people ...

Imar · May 22nd, 2010, 03:45 AM

Hi there,

The menu is rendered with a table and table cells which by default scale up or down to fill up the entire width of the table (e.g. the menu). So, if you want to decrease the width of the menu items, you need to decrease the width of the menu first.:

Code:

.MainMenu
{
   ... Other settings here
  width: 400px;
}

With the menu width changed, you can now change individual menu items (table cells - or tds with the StaticMenuItemStyle):

Code:

.StaticMenuItemStyle td
{
  width: 20px;
}

Hope this helps,

Imar