Coding help plz!

[Edwin]

Can someone please help me fix this coding my colors wont show =[

a.bluenavi, a.bluenavi:active, a.bluenavi:link, a.bluenavi:visited {
display:block;
font-family: small fonts;
font-size: 8px;
font-weight: normal;
text-decoration:none;
background:Transparent;
border-right:5px solid #45B2FF;
color: #FFFFFF;
text-transform: uppercase;
text-align: left;
padding:2px;
margin-top:1px;}
a.bluenavi:hover {
display:block;
font-family: small fonts;
font-size: 8px;
font-weight: normal;
text-decoration:none;
background: #45B2FF;
border-right:5px solid #252525;
color: #FFFFFF;
text-transform: uppercase;
text-align: center;
padding:2px;
margin-top:1px;
cursor:default;
letter-spacing:0px;
border-bottom:0px solid #252525;
}
a.greennavi, a.greennavi:active, a.greennavi:link, a.greennavi:visited {
display:block;
font-family: small fonts;
font-size: 8px;
font-weight: normal;
text-decoration:none;
background:Transparent;
border-right:5px solid #70DE3D;
color: #FFFFFF;
text-transform: uppercase;
text-align: left;
padding:2px;
margin-top:1px;}
a.greennavi:hover {
display:block;
font-family: small fonts;
font-size: 8px;
font-weight: normal;
text-decoration:none;
background: #70DE3D;
border-right:5px solid #252525;
color: #FFFFFF;
text-transform: uppercase;
text-align: center;
padding:2px;
margin-top:1px;
cursor:default;
letter-spacing:0px;
border-bottom:0px solid #252525;
}

[Ryan]

Can someone please help me fix this coding my colors wont show =[

a.bluenavi, a.bluenavi:active, a.bluenavi:link, a.bluenavi:visited {
display:block;
font-family: small fonts;
font-size: 8px;
font-weight: normal;
text-decoration:none;
background:Transparent;
border-right:5px solid #45B2FF;
color: #FFFFFF;
text-transform: uppercase;
text-align: left;
padding:2px;
margin-top:1px;}
a.bluenavi:hover {
display:block;
font-family: small fonts;
font-size: 8px;
font-weight: normal;
text-decoration:none;
background: #45B2FF;
border-right:5px solid #252525;
color: #FFFFFF;
text-transform: uppercase;
text-align: center;
padding:2px;
margin-top:1px;
cursor:default;
letter-spacing:0px;
border-bottom:0px solid #252525;
}
a.greennavi, a.greennavi:active, a.greennavi:link, a.greennavi:visited {
display:block;
font-family: small fonts;
font-size: 8px;
font-weight: normal;
text-decoration:none;
background:Transparent;
border-right:5px solid #70DE3D;
color: #FFFFFF;
text-transform: uppercase;
text-align: left;
padding:2px;
margin-top:1px;}
a.greennavi:hover {
display:block;
font-family: small fonts;
font-size: 8px;
font-weight: normal;
text-decoration:none;
background: #70DE3D;
border-right:5px solid #252525;
color: #FFFFFF;
text-transform: uppercase;
text-align: center;
padding:2px;
margin-top:1px;
cursor:default;
letter-spacing:0px;
border-bottom:0px solid #252525;
}

it should be

background-color: #hex;

[Greg-J]

myspace doesn't allow the # sign. You need to use either rgb() or remove the # from your color declarations.

Keep in mind though, that in order to use a color without the # symbol, you have to specify that it is a color. Using border-right:5px solid 252525; will not work. You will need to use border-right-color: 252525;.

Blame myspace

[TonyaB]

I edited what's in BOLD. When you put "background:Transparent" that should be 'background:none;' not transparent, if you want transparent use "background-color:transparent;" I'm not even sure if "background-color:transparent;" actually works. Oh and what Greg said, myspace doesn't allow "#" in your css so you have to remove that :)

a.bluenavi, a.bluenavi:active, a.bluenavi:link, a.bluenavi:visited {
display:block;
font-family: small fonts;
font-size: 8px;
font-weight: normal;
text-decoration:none;
background:none;
border-right:5px solid 45B2FF;
color:FFFFFF;
text-transform: uppercase;
text-align: left;
padding:2px;
margin-top:1px;}
a.bluenavi:hover {
display:block;
font-family: small fonts;
font-size: 8px;
font-weight: normal;
text-decoration:none;
background: 45B2FF;
border-right:5px solid 252525;
color: FFFFFF;
text-transform: uppercase;
text-align: center;
padding:2px;
margin-top:1px;
cursor:default;
letter-spacing:0;
border-bottom:0;
}
a.greennavi, a.greennavi:active, a.greennavi:link, a.greennavi:visited {
display:block;
font-family: small fonts;
font-size: 8px;
font-weight: normal;
text-decoration:none;
background:none;
border-right:5px solid 70DE3D;
color: FFFFFF;
text-transform: uppercase;
text-align: left;
padding:2px;
margin-top:1px;}
a.greennavi:hover {
display:block;
font-family: small fonts;
font-size: 8px;
font-weight: normal;
text-decoration:none;
background: 70DE3D;
border-right:5px solid 252525;
color: FFFFFF;
text-transform: uppercase;
text-align: center;
padding:2px;
margin-top:1px;
cursor:default;
letter-spacing:0;
border-bottom:0;
}

[Ryan]

oh edwin is this for your site or a myspace layout? that would explain the # symbol,

[Edwin]

thank you guys and greg! that helped another problem i had =]

and ryan its for my myspace div =]

[Ryan]

oh ok then def. listen to greg =]
glad it helped!

[Edwin]

it didnt work =[

[Edwin]

sorry for the double post but i just looked in internet explorer and it works fine can dose anyone know how to make it show in fire fox and internet explorer?

[Kasami2k4]

it should be background-color and no #s