Home › Forums › CSS › Alittle Navigation Help › Re: Alittle Navigation Help
July 30, 2011 at 3:15 am
#84257
Member
Paulie
So that still didn’t get rid of the mysterious space below the menu. here is the screenshot and below is the html and css. i’ve looked through the reset file and can’t find anything that would be causing it either. I even took all the spans out of the menu thinking maybe that was causing it and nothing.
html
css
body{
background:#FFFFFF url(img/scBKG.jpg) repeat-x;
}
#wrapper{
padding:0;
margin:0 auto;
}
#header{
overflow:hidden;
height:146px;
margin-bottom:15px;
}
#logo{
margin-top:11px;
}
#menu_social_bag{
border-bottom:5px solid #5b6165;
overflow:hidden;
}
#mainMenu{
margin-top:55px;
}
#menuItems .menuNumber{
border-right:5px solid #5b6165;
margin-right:2px;
font-size:43px;
font-weight:bold;
font-family:arial;
}
#menuItems li {
display:block-inline;
list-style-type:none;
padding-right:5px;
float:left;
}
#menuItems li a {
display:block-inline;
text-decoration: none;
height:25px;
position:relative;
top:-10px;
font-size:25px;
font-weight: bold;
position: relative;
top: -15px;
color:#5b6165;
}
#menuItems li a:hover {
text-decoration: none;
color:#cbcdce;
}
.meta {
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#ffffff !important;
text-transform: uppercase;
text-shadow:none;
text-align:right;
padding-left:55px;
position: relative;
top: -30px;
}
#bag_social{
overflow:hidden;
}
#bag_social #social{
float:right;
}
#bag_social #social img{
margin-right:5px;
}
#bag_social #bag{
margin-top:35px;
padding-left:5px;
border-left:1px solid #5b6165;
float:left;
}
#bag_social #bag img{
margin-right:5px;
}
Any ideas? or anybody else have any ideas of what may be causing it… this thing has me stopped in my tracks. GRRRRRRRRRRRRRR
Mike