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 Tarby
Director of Web Services
Information Technology
Le Moyne College
http://www.lemoyne.edu
[EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
