1 reply [Last post]
happy2Bme
happy2Bme's picture
Offline
newbie
Last seen: 2 years 52 weeks ago
Timezone: GMT-5
Joined: 2011-11-30
Posts: 2
Points: 3

I'm working on a site and I want to use a class so my bottom nav is black (and blue for hover)

When I put in any link and put in my class it works except for a link of a page in my site
Here is my code:

If I add a link like this

Then it works but my internal links only the hover part works it still comes up white

Here is my layout page

@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */

body{margin:0px;
padding:0px;
background-color:#FFF;
width:100%;

}
body,td,th{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#006;

}

a:link{
color:#FFF;
text-decoration:none;
}
a:hover{
color:#1065DD;
text-decoration:none;
}

a:visited{
color:#FFF;
text-decoration:none;
}

a.nav:link{
color:#000;
text-decoration:none;
}
a.nav:hover{
color:#1065DD;
text-decoration:none;
}

#main_container{
width:80%;
margin-left:10%;
margin-right:10%;
height:835px;
margin:0px;
background-color:#FFF;
z-index:1;

}

#header_container{
position:absolute;
margin-right:10%;
margin-left:10%;
width:80%;
height:220px;
z-index:2;
border:none;
top:30px;
font-size:48px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
overflow:hidden;
}

#header{
position:absolute;
margin-left:38%;
margin-right:0%;
width:60%;
height:220px;
z-index:3;
border:none;
top:60px;
font-size:48px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
overflow:hidden;

}
#nav_container{
position:absolute;
margin-left:9%;
margin-right:9%;
width:82%;
height:30px;
z-index:13;
border:none;
font-size:14px;
}

#background_nav{
position:absolute;
margin-left:2%;
margin-right:2%;
top:250px;
width:96%;
height:30px;
z-index:4;
border:none;
background-color:#006;
}
#background_pic{
position:absolute;
margin-left:2%;
margin-right:2%;
top:280px;
width:96%;
height:200px;
z-index:5;
border:none;
background-color:#006;
overflow:hidden;
}

#content_container{
position:absolute;
margin-left:20%;
margin-right:20%;
top:480px;
width:65%;
height:300px;
z-index:6;
padding:25px;
padding-top:20px;
padding-right::10px;
border:none;
overflow:hidden;
color:#000;
}

#content_container_services{
position:absolute;
margin-left:20%;
margin-right:20%;
top:480px;
width:65%;
height:480px;
z-index:7;
padding:25px;
padding-top:20px;
padding-right::10px;
border:none;
overflow:hidden;
color:#000;

}

#footer_container {
position:absolute;
margin-left:2%;
margin-right:2%;
top:800px;
width:96%;
height:35px;
z-index:8;
background-color:#006;
overflow: hidden;
border:none;
}

#footer{
position:absolute;
left:0px;
top:0px;
padding-top:10px;
width:100%;
height:35px;
z-index:9;
border:none;
color:#FFF;
}
#bottom_nav{
position:absolute;
margin-left:5;
top:840px;
width:96%;
height:20px;
z-index:10;
border:none;
font-size:12px;
text-align:right;
color:#000;
}

#footer_container_services {
position:absolute;
margin-left:2%;
margin-right:2%;
top:970px;
width:96%;
height:35px;
z-index:12;
background-color:#006;
overflow: hidden;
border:none;
}

#bottom_nav_services{
position:absolute;
margin-left:5;
top:1010px;
width:96%;
height:20px;
z-index:12;
border:none;
color:#000;
font-size:12px;
text-align:right;
}
PLEASE HELP ASAP

happy2Bme
happy2Bme's picture
Offline
newbie
Last seen: 2 years 52 weeks ago
Timezone: GMT-5
Joined: 2011-11-30
Posts: 2
Points: 3

happy2Bme wrote: I'm working

happy2Bme wrote:

I'm working on a site and I want to use a class so my bottom nav is black (and blue for hover)

When I put in any link and put in my class it works except for a link of a page in my site
Here is my code:

If I add a link like this

Then it works but my internal links only the hover part works it still comes up white

Here is my layout page

@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */

body{margin:0px;
padding:0px;
background-color:#FFF;
width:100%;

}
body,td,th{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#006;

}

a:link{
color:#FFF;
text-decoration:none;
}
a:hover{
color:#1065DD;
text-decoration:none;
}

a:visited{
color:#FFF;
text-decoration:none;
}

a.nav:link{
color:#000;
text-decoration:none;
}
a.nav:hover{
color:#1065DD;
text-decoration:none;
}

#main_container{
width:80%;
margin-left:10%;
margin-right:10%;
height:835px;
margin:0px;
background-color:#FFF;
z-index:1;

}

#header_container{
position:absolute;
margin-right:10%;
margin-left:10%;
width:80%;
height:220px;
z-index:2;
border:none;
top:30px;
font-size:48px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
overflow:hidden;
}

#header{
position:absolute;
margin-left:38%;
margin-right:0%;
width:60%;
height:220px;
z-index:3;
border:none;
top:60px;
font-size:48px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
overflow:hidden;

}
#nav_container{
position:absolute;
margin-left:9%;
margin-right:9%;
width:82%;
height:30px;
z-index:13;
border:none;
font-size:14px;
}

#background_nav{
position:absolute;
margin-left:2%;
margin-right:2%;
top:250px;
width:96%;
height:30px;
z-index:4;
border:none;
background-color:#006;
}
#background_pic{
position:absolute;
margin-left:2%;
margin-right:2%;
top:280px;
width:96%;
height:200px;
z-index:5;
border:none;
background-color:#006;
overflow:hidden;
}

#content_container{
position:absolute;
margin-left:20%;
margin-right:20%;
top:480px;
width:65%;
height:300px;
z-index:6;
padding:25px;
padding-top:20px;
padding-right::10px;
border:none;
overflow:hidden;
color:#000;
}

#content_container_services{
position:absolute;
margin-left:20%;
margin-right:20%;
top:480px;
width:65%;
height:480px;
z-index:7;
padding:25px;
padding-top:20px;
padding-right::10px;
border:none;
overflow:hidden;
color:#000;

}

#footer_container {
position:absolute;
margin-left:2%;
margin-right:2%;
top:800px;
width:96%;
height:35px;
z-index:8;
background-color:#006;
overflow: hidden;
border:none;
}

#footer{
position:absolute;
left:0px;
top:0px;
padding-top:10px;
width:100%;
height:35px;
z-index:9;
border:none;
color:#FFF;
}
#bottom_nav{
position:absolute;
margin-left:5;
top:840px;
width:96%;
height:20px;
z-index:10;
border:none;
font-size:12px;
text-align:right;
color:#000;
}

#footer_container_services {
position:absolute;
margin-left:2%;
margin-right:2%;
top:970px;
width:96%;
height:35px;
z-index:12;
background-color:#006;
overflow: hidden;
border:none;
}

#bottom_nav_services{
position:absolute;
margin-left:5;
top:1010px;
width:96%;
height:20px;
z-index:12;
border:none;
color:#000;
font-size:12px;
text-align:right;
}
PLEASE HELP ASAP