Previous Message
Next Message

Help with line spacing

Sent by Don - htmlfixit.com on 27 March 2006 17:05


Michelle Tarby wrote:
> I'm hoping for some help or guidance with some text positioning issues 
> on a menu I'm working with.  I'm struggling to get some space between 
> list items that wrap onto a second line (If I'm not explaining that 
> clearly, you can look at http://wwwdev.lemoyne.edu/academics/index.asp 
> and see how "Registration & Course Information" runs right up above 
> "Continuing Education" without a space. 
> 
> I'm not sure how to modify my style sheet:
> 
> .menu {
> width:150px;
> height:175px;
> position:relative;
> margin:0;
> font-size:9px;
> margin:10px;
> z-index: 1500;
> }
> .menu ul li a, .menu ul li a:visited {
> display:block;
> text-decoration:none;
> color:#000;
> width:148px;
> height:30px;
> text-align:left;
> color:#fff;
> background-image:url("/images_admission/spacer.gif");
> line-height:15px;
> overflow:hidden;
> }
> .menu ul {
> padding:0;
> margin:0;
> list-style-type: none;
> }
> .menu ul li {
> float:left;
> margin-right:1px;
> position:relative;
> }
> .menu ul li ul {
> display: none;
> }
> 
> Or http://wwwdev.lemoyne.edu/css/academic_home.css if you want to take a 
> look at the whole thing.  Nothing I've tried has worked, so I'm guessing 
> that I just haven't found the right mix of changes.
> 
> Thanks in advance for any suggestions!
> 
> Michelle
> 

Michelle,

You have a TD attribute ... but not tables?
The footer menu is a few pixels short of the width.

Delete the set height from the menu list items:
height:30px;

Add bottom padding:
..menu ul li a, .menu ul li a:visited {
padding-bottom: 10px;

Check the right edge of that as it appears to me that your main menu 
items are being hidden from the pop-up divisions.

Lose all uppercase attributes in css.
BODY, TD {
should be
body, td {
although I don't think you ever use the td ... so you could delete that 
and the preceeding comma and space.

Don

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: