Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Menu not sitting still Re: Menu not sitting still

#103058
jmeyer0911
Member

No, not yet…it is still in test mode. I think there is something else going on in my css3.


html
{
font: Arial, Helvetica, sans-serif;
}
body
{
background: #f0ede6;
margin: 0 auto;
padding: 0;
font: Arial, Helvetica, sans-serif;
text-align: left;
}
h1, h2, h3, h4, h5, h6{
font-family: Arial, Helvetica, sans-serif;
color: blue;
}
p
{
font-family: Arial, Helvetica, sans-serif;
}
div.headline
{
background:url('Images/core_uwlpc/header-red.jpg') repeat scroll 0 0 transparent;
height: 38px;
margin-top: 0px !important;
overflow:hidden;
padding-bottom:0px !important;
}
div.headline > h1.title{
color:#FFFFFF;
font-size:18px;
font-weight:100;
letter-spacing:0.5px;
line-height:10px;
margin-left:12px;
text-align:left;
}
div.header
{
background: url('Images/wood.jpg');
padding-top: 35px;
width: 100%;
margin: 0 auto;
text-align: center;
height: 450px;

}
div.container
{
margin: 0 auto;
width: 980px;
z-index: 1;
}

div#gav{
position:relative;
z-index:5000;
}

div#gav > a
{
width: 100%;
}
div#gav > a > div.spotlight
{
height: 19px;
line-height: 19px;
margin-bottom: 4px;
width: 100%;
}

div#gav > a > div.spotlight > span
{
background:url('Images/core_uwlpc/white_arrow.png') no-repeat scroll 0 5px transparent;
width: 100%;
color:#FFFFFF;
display:block;
float:left;
height:19px;
left:50%;
line-height:19px;
margin-left:-465px;
padding-left:10px;
position:absolute;
text-transform: uppercase;
text-decoration: none;
z-index: 9000;
}

div#gav div#give{
background: url('Images/core_uwlpc/gav-red.jpg') repeat-x;
}

div#gav div#advocate{
background: url('Images/core_uwlpc/gav-yellow.jpg') repeat-x;
}

div#gav div#volunteer{
background: url('Images/core_uwlpc/gav-blue.jpg') repeat-x;
}
div#gav div#give:hover
{
background: url('Images/core_uwlpc/gav-red_spotlight.jpg') repeat-x;
}

div#gav div#advocate:hover
{
background: url('Images/core_uwlpc/gav-yellow_spotlight.jpg') repeat-x;
}

div#gav div#volunteer:hover
{
background: url('Images/core_uwlpc/gav-blue_spotlight.jpg') repeat-x;
}
/*Social*/
div.socialBlock
{
background: url('Images/wood.jpg') ;
height: 50px;
width: 100%;
clear: both;
}
div.socialHolder
{
background: url('Images/core_uwlpc/social_slot.jpg') repeat scroll 0 0 transparent;
float:right;
height:37px;
margin-right:7px;
margin-top:6px;
width:117px;
}
img.socialIcons
{
border: none;
margin-left: 10px;
margin-top: 5px;
}
div#footer{
background:url('Images/core_uwlpc/footerbar.png');
height: 37px;
overflow: hidden;
text-align: right;
padding: 0px;
width: 100%;
margin: 0 auto;
}
div#page-footer{
background: none repeat scroll 0 0 transparent;
bottom: 0px;
position: fixed;
width: 100%;
z-index: 9000;
margin: 0 auto;
}

div.page-footer-2{
background: transparent;
min-height: inherit !important;
padding-top: 0px !important;
}


div#copyright
{
font-size:11px;
height:40px;
line-height:40px;
}

div#createdby
{
background-image: url('Images/core_uwlpc/pubLogo.png');
background-position: 0 50%;
background-repeat: no-repeat;
float: right;
height: 40px;
line-height: 40px;
margin-left: 20px;
padding-left: 27px;
}
div#createdby a
{
color: white;
text-decoration: underline;
}
div#createdby a:hover
{
color: yellow;
text-decoration: none;
}
div.clear
{
padding-top: 55px;
}
/*info*/
div.informationContainer
{
width: 100%;
border: 1 px solid blue;
}
div.leftContainer
{
float: left;
height: auto;
width: 280px;
clear: both;
}
div.leftSide
{
float: left;
height: auto;
width: 280px;
}
div.rightSide
{
float: right;
width: 650px;

}
div.RightContainer
{
float: right;
width: 640px;
}
div.spotLight
{
background: white;
color: Black;
width: 280px;
}
.spotlight image
{
background: url('Images/header-red.jpg');
}
aside
{
float: left;
padding: 20px 0 0 0;
width: 280px;
}

aside h4
{
background: url('Images/header-red.jpg');
color: #FFF;
margin: 0 auto;
padding: 0 0 0 20px;
height: 35px;
}



aside section
{
background: white;
padding: 10px 10px 10px 4px;
margin: 0 0 20px 0;
}

aside section img
{
background: #FFF;
border: 1px solid #3C4852;
float: left;
margin: 2px 10px 0 0 ;
padding: 1px;
}

aside section p
{
font-size: .89em;
color: #333;
font: Arial, Helvetica, sans-serif;
line-height: 12px;
}

aside a
{
color: Blue;
text-decoration: underline;
}

aside a:hover
{
color: blue;
text-decoration: none;
}
div.twitterFeedOdd
{
width: 100%;
background: white;
clear: both;
}
div.twitterfeedEven
{
background: #f0ede6;
width: 100%;
clear: both;
}
article
{
float: left;
padding: 20px 0 0 0;
width: 640px;
}

article h4
{
background: url('Images/header-blue.jpg');
color: #FFF;
margin: 0 auto;
padding: 0 0 0 20px;
height: 35px;
}



article section
{
background: white;
padding: 10px 10px 10px 4px;
margin: 0 0 20px 0;font: Arial, Helvetica, sans-serif;
}

article section img
{
background: #FFF;
border: 1px solid #3C4852;
float: left;
margin: 2px 10px 0 0 ;
padding: 1px;
}

article section p
{
font-size: .89em;
color: #333;
font: Arial, Helvetica, sans-serif;
line-height: 12px;
}

article a
{
color: Blue;
text-decoration: underline;
}

article a:hover
{
color: blue;
text-decoration: none;
}
div.ads
{
background: #c7b39a;
width: 640px;
height: auto;
float: right;
padding-top: 14px;
margin-top: 54px;
margin-bottom: 24px;
clear: both;
}
div.fix
{
padding-top: 24px;
}

That’s the rest of the css