Solved

css spacing in menu items

Posted on 2011-03-24
2
384 Views
Last Modified: 2012-05-11
Can anyone explain to me how to tighten up the line spacing in the menu found on
http://www.burbankcommunityymca.org. The PROGRAMS dropdown menu then SPORTS & RECREATION and the item i am referring to is Basketball Camps, clinic and Personal Coaching
0
Comment
Question by:WillAyers
2 Comments
 
LVL 2

Expert Comment

by:wrightsonm
ID: 35211316
your link does not work.
0
 
LVL 17

Accepted Solution

by:
mreuring earned 500 total points
ID: 35211421
After a quick google I tried this link instead: http://www.burbankymca.org/

Assuming that's the correct link (your menu path seems to line up...) I suggest the attached CSS snippet. Instead of relying on line-height to create the spacing between elements I suggest using padding, a little line-height was needed for the menu-item in question though.
div#menu ul ul a span {
    display: block;
    font-size: 11px;
    line-height: 15px;
    padding: 5px 15px 7px;
}

Open in new window

0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

920 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