Sharepoint Forum

Ask Question   UnAnswered
Home » Forum » Sharepoint       RSS Feeds

Seperating the top level menu buttons

  Asked By: Shauna    Date: Jan 07    Category: Sharepoint    Views: 1183

I have no idea how to seperate the top level menu buttons. By default,
they are all rendered adjacent to one another. I would like to create
some space in between them.
Any ideas?
I would guess that could be handled in the stylesheet, but I am having
a hard time finding out which style needs to be modified, and what to
use to modify it..



3 Answers Found

Answer #1    Answered By: Irvin Foley     Answered On: Jan 07

Have a look at my Style Under Cursor CEWP:

If that doesn't help, follow up with a more detailed description of
precisely what you are trying to do.

Answer #2    Answered By: Deonte Stein     Answered On: Jan 07

The appearance of the top-level navigation menu  is affected by a
combination of specific properties passed to the ASP.NET menu control
(e.g. in your master page or a template override), the markup
generated by the menu control (which tends to use *lots* of
tables...sigh), and the CSS styling applied to the result. Which
gives you a number of places to try.

Unfortunately when it comes to certain types of formatting, I've found
the markup from SharePoint:AspMenu to be particularly unyielding. In
particular, I've not found any way to inject additional inter-item
spacing, either upstream of the markup generation (through control
properties) or downstream (via CSS selectors). I'm also anxious to
hear if anyone else has been succesful.

Answer #3    Answered By: Stephon Valentine     Answered On: Jan 07

Try adding the Developer Toolbar extension to IE, or the Web Developer or
Firebug extensions to FireFox. I believe both of those will allow you to
see what CSS classes are used by a given button by mousing over it.

IE Developer Toolbar:

Firebug: https://addons.mozilla.org/en-US/firefox/addon/1843

Web Developer: https://addons.mozilla.org/en-US/firefox/addon/60

Didn't find what you were looking for? Find more on Seperating the top level menu buttons Or get search suggestion and latest updates.