3 replies [Last post]
dugal
dugal's picture
Offline
Enthusiast
Last seen: 12 years 12 weeks ago
Joined: 2007-08-06
Posts: 149
Points: 0

check out my footer navigation, looks ok, but when you click on it, it moves?

http://www.greenermountain.net/

Any clue why?

all the code valid and supplied below

HTML

greenermountain | home page

a small web site design company

welcome

greenermountain is a small web design company located in Northern Vermont, that specializes in local organizations and small companies. I can take your message to the web in a very affordable and friendly environment.

I strive to produce high quality web sites that are easy to use and built with the latest web standards. This means your site will be appealing and accessible on all browsers and the growing number of mobile devices.

If this sounds like what you are looking for, please have a look around and contact me for more information.

CSS
/* CSS Document */

* {
margin : 0;
padding : 0;
font-style: normal;
font-weight: normal;
}

body {
background: #404040;
font-size: 62.5%;
font-family:"Lucida Grande", "Lucinda Sans Unicode", "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
color: #819595;
text-align:center;
}

p {
margin: 1em 0 2em 0;
font-size: 1.5em;
line-height: 1.6em;
}

h1, h2, h3 {
font-family: "Verdana", "Lucida Grande", "Lucinda Sans Unicode", "Trebuchet MS", "Tahoma","Helvetica", "Lucida Grande","Arial",sans-serif;
}

h1 {
color:#66ea00;
font-size: 2.8em;
font-weight:normal;
line-height: 100%;
width: 850px;
height: 120px;
position: relative;
margin-top: 0.5em;
}


h1 em {
font-size: 0.5em;
color: #089dea;
font-style:italic;
}
/*
h2 {
font-size: 2.5em;
text-align: left;
color:#66ea00;
font-weight:normal;
letter-spacing: 1px;
}
*/

h2 {
font-size: 2.8em;
letter-spacing: 0;
line-height: 1.0;
color: #66ea00;
margin-bottom: 0.8em;
}

h3 {
font-size: 2em;
letter-spacing: 0;
color: #089dea;
margin-bottom: 1em;
margin-top: 1em;
}

a, a:visited {
color:#089dea;
font-weight:bold;
}

a:hover {
color: #66ea00;
}

a img {
border: none;
}

#wrapper {
width: 85em;
margin: 0 auto;
text-align: left;
}

#header {
margin-bottom: 4em;
}

#content {
width: 62em;
float:right;
margin-bottom: 1em;
}

#mainnav {
width: 19em;
float: left;
margin-bottom: 1em;
}

#footer {
clear: both;
margin: 1em 0 0 0;
text-align: center;
}
/* ----------------- header ------------------------*/

h1 span {
background: url(../images/shared/title.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

/* ----------------- mainnav list -------------------*/

#mainnav ul{
list-style-type: none;
font: 1.4em "Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
padding-top: 3em;
}

#mainnav li {
background: #2e2e2e;

margin-bottom: 0.8em;
line-height: 2.7em;
}

#mainnav ul a:link, #mainnav ul a:visited, #mainnav ul a:hover, ul a:active {
display: block;
text-decoration:none;
padding-left: 0.5em;
color: #089dea;
}

#mainnav ul a:hover {
background-color: #66ea00;
color: #000000;
text-align: right;
padding-right: 1em;
}

#mainnav h2 {
padding-top:1em;
padding-bottom: 1em;
font-weight: normal;
}

/*--------------- footer -------------------*/

#footer p {
font-size: 1.1em;
}

#footer-nav li {
display: inline;
border-right: 1px solid #999;
padding-left:10px;
padding-right: 10px;
}

#footer-nav li.last {
border-right: none;
}

#footer a {
text-decoration:none;
}

/*--------------- projects page -------------*/

.projects img {
float:left;
margin: 0 15px 15px 0;
}

/*--------------- services ------------------*/

.rightspace {
margin-right: 1em;
}

/*--------------- site wide -----------------*/

p em {
color: #089dea;
}

#content h3 a {
font-weight: normal;
}

.fr {
float: right;
margin: 0 0 1em 1em;
}

/*
div {
margin:0;
padding:0;
outline:1px solid red;
}
*/

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 39 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

#mainnav ul a:link, #mainnav

#mainnav ul a:link, #mainnav ul a:visited, #mainnav ul a:hover, ul a:active { /* should be #mainnav ul a:active */ display: block; text-decoration:none; padding-left: 0.5em; color: #089dea; }

dugal
dugal's picture
Offline
Enthusiast
Last seen: 12 years 12 weeks ago
Joined: 2007-08-06
Posts: 149
Points: 0

just the ticket, thank you

just the ticket, thank you so much mr wolf

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 39 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

(No subject)

:thumbsup: