- This topic is empty.
-
I have a navigation, where it sits on top of a rotating banner, along with the logo image.
<--THIS IS THE LOGO
However, when I view it on a larger monitor, it doesn’t stay where I want it.
Here is the CSS for the navigaiton:
/*NEW NAVIGATION*/
.headerMenu
{
margin: 0 auto;
position: absolute;
padding-top: 15px;
padding-left: 175px;
z-index: 999;
width: 998px;
}
img.uwlpc
{
float: left;
}
#nav
{
float: right;
font: 10px Arial, Helvetica, Sans-serif;
z-index: 999;
}
#nav ul
{
margin: 0;
padding: 0;
list-style: none;
}
#nav ul li
{
float: left;
}
#nav ul li a
{
float: left;
color: black;
padding: 10px 20px;
text-decoration: none;
background: rgb(255,255,255);
}
#nav ul li a:hover, #nav ul li:hover > a
{
color: white;
background: rgba(128,128,128,.9);
}
#nav li ul a:hover, #nav ul li li:hover > a
{
color: white;
background: rgba(255,255,255,.1);
}
#nav li ul
{
background: rgba(128,128,128,.8);
border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
left: -999em;
margin: 32px 0 0;
position: absolute;
width: 260px;
z-index: 9999;
}
#nav li:hover ul
{
left: auto;
}
#nav li ul a
{
background: none;
border: 0 none;
margin-right: 0;
width: 220px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
}
#nav li li ul
{
margin: -1px 0 0 260px;
-webkit-border-radius: 0 10px 10px 10px;
-moz-border-radius: 0 10px 10px 10px;
border-radius: 0 10px 10px 10px;
visibility: hidden;
}
#nav li li:hover ul
{
visibility: visible;
}
#nav ul ul li:last-child > a
{
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
#nav ul ul ul li:first-child > a
{
-moz-border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
border-radius: 0 10px 0 0;
}
Not sure why it won’t sit still at where I put it.
By giving to the United way of LaPorte County Community Fund, You are investing
in our community in the most powerful and effective way. The United Way is the umbrella
organization that links vital health and human services in our community. Together,
we accomplish more.
Regardless of our jobs or status. Beyond all of our differences. There is one common
ground. We are all people. Our lives are connected and interwoven. The actions of
one affect the existence of another. When we reach out a hand to one, we influence
the condition of all.
It takes everyone to create real, life-changing results. In 2010, through generous
gifts from our community, United Way funded programs reached 22% of the LaPorte
County population.
At United Way of LaPorte County, our goal is to create long-lasting change by addressing
the underlying causes of challenges facing our friends, our neighbors, and sometimes
even our family members. This change has benefits that ripple throughout our entire
community.
That’s the section I’m tasked to fix
- The forum ‘CSS’ is closed to new topics and replies.
