Brad Bansner
asked on
Need to color links, embedded CSS doesn't seem to be working
This page:
http://www.bibisbabywear.com
...has embedded CSS file:
http://www.bibisbabywear.com/generic.css
...which includes these link styles:
a { text-decoration: none; color: "#F34BA4";}
a:visited { text-decoration: none; color: "#F34BA4";}
a:hover { text-decoration: underline; color: "#333333";}
F34BA4 is a hot pink/purple color. But why are all the links on the page blue? I can't seem to figure this out. Thank you!
http://www.bibisbabywear.com
...has embedded CSS file:
http://www.bibisbabywear.com/generic.css
...which includes these link styles:
a { text-decoration: none; color: "#F34BA4";}
a:visited { text-decoration: none; color: "#F34BA4";}
a:hover { text-decoration: underline; color: "#333333";}
F34BA4 is a hot pink/purple color. But why are all the links on the page blue? I can't seem to figure this out. Thank you!
ASKER
I'm on a Macintosh, so I don't have the F12 option, whatever that does. I checked the site in Safari, Firefox and Chrome, and the links are blue. Do you know from the file you sent me which CSS attribute would be causing the blue?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Ah, that did it! Someone else wrote the CSS, I didn't even notice the quotes.
Here's the final CSS applied to each style of the link text (see image):
To see this for yourself go to the page then press F12. A new window opens. Click the arrow icon at the far right just above the white space results area. Now toggle back ALT+TAB to your web page and click on a link. Then go back to the F12 window and view the applied CSS file and classes.