avis68
07-01-2011, 02:27 AM
Hi,
I hope someone here can help me
I am trying to make my website through a website builder
and I just want to change one element in the page they gave me: namely I want to change the color of navigation bar from BLACK to a shade of GRAY.
I can see HTML and CSS codes but I have no idea where that color code is that I could replace with another.
On CSS page, there are about 9 "paragraphs" about navigation, however, I do not see any code for BLACK that I could possibly try to change to GRAY
It looks like this:
#navigation {
float:left;
background: transparent url(nav_background.jpg) no-repeat center top;
float:left;
width:960px;
height:40px;
margin:0 auto;
font-family:"lucida sans", arial, sans-serif;
font-size:1em;
}
#navigation ul {
float:left;
padding-left:20px;
padding-top:12px;
margin-left:0px;
width:940px;
height:28px;
}
*html #navigation ul {
margin-left:-12px;
}
#navigation li {
float:left;
display:inline;
font-size:1em;
padding:12px 20px 13px 20px;
margin-top:-12px;
height:15px;
}
*html #navigation li {
margin-right:4px;
}
#active {
float:left;
background: transparent url(activetab_background.jpg) no-repeat center top;
color:#fff;
text-align:center;
}
#navigation a:link {
color:#fff;
text-decoration:none;
}
#navigation a:hover {
color:#fff;
text-decoration:none;
}
#navigation a:visited {
color:#fff;
text-decoration:none;
}
#active a:link {
color:#fff;
text-decoration:none;
}
#active a:hover {
color:#fff;
text-decoration:none;
}
#active a:visited {
color:#fff;
text-decoration:none;
}
a:link, a:hover, a:visited {
color:#198bef;
font-weight:normal;
text-decoration:underline;
Is it there? Can someone please help me (I am no programmer:(
I hope someone here can help me
I am trying to make my website through a website builder
and I just want to change one element in the page they gave me: namely I want to change the color of navigation bar from BLACK to a shade of GRAY.
I can see HTML and CSS codes but I have no idea where that color code is that I could replace with another.
On CSS page, there are about 9 "paragraphs" about navigation, however, I do not see any code for BLACK that I could possibly try to change to GRAY
It looks like this:
#navigation {
float:left;
background: transparent url(nav_background.jpg) no-repeat center top;
float:left;
width:960px;
height:40px;
margin:0 auto;
font-family:"lucida sans", arial, sans-serif;
font-size:1em;
}
#navigation ul {
float:left;
padding-left:20px;
padding-top:12px;
margin-left:0px;
width:940px;
height:28px;
}
*html #navigation ul {
margin-left:-12px;
}
#navigation li {
float:left;
display:inline;
font-size:1em;
padding:12px 20px 13px 20px;
margin-top:-12px;
height:15px;
}
*html #navigation li {
margin-right:4px;
}
#active {
float:left;
background: transparent url(activetab_background.jpg) no-repeat center top;
color:#fff;
text-align:center;
}
#navigation a:link {
color:#fff;
text-decoration:none;
}
#navigation a:hover {
color:#fff;
text-decoration:none;
}
#navigation a:visited {
color:#fff;
text-decoration:none;
}
#active a:link {
color:#fff;
text-decoration:none;
}
#active a:hover {
color:#fff;
text-decoration:none;
}
#active a:visited {
color:#fff;
text-decoration:none;
}
a:link, a:hover, a:visited {
color:#198bef;
font-weight:normal;
text-decoration:underline;
Is it there? Can someone please help me (I am no programmer:(