Complete and total noob here. My external style sheet works perfectly fine in IE9, but won't work at all in Chrome. Here's the HTML.\[code\]<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><link rel="stylesheet" href="http://stackoverflow.com/questions/14391486/default.css" /></head><title>DCE</title></head><body><a href="http://stackoverflow.com/questions/14391486/index.html"><img src="http://stackoverflow.com/questions/14391486/Images/logo.png" alt="Logo" width="50%" height="50%"></a> <br><hr style="height:5px"><embed height="50" width="100" src="http://stackoverflow.com/questions/14391486/Theme.mp3"><ul>ABC<a href="http://stackoverflow.com/questions/14391486/pages/aboutus.html"><li>Z</li></a> <a href="http://stackoverflow.com/questions/14391486/pages/AAAA.html"><li>Y</li></a> </ul><h2>X</h2><p>Blah</p><p>Blah</p></body></html>\[/code\]And the horrifically terrible CSS.\[code\]h1 {color:#e03d89;}body {background-image:url(Images/Background.png);}h2 {font-family:Tahoma, Geneva, sans-serif;}p {font-family:Arial, Helvetica, sans-serif;}a:link {color:#e03d89;} a:visited {color:#e97fa5;} a:hover {color:#eb0258;} a:active {color:#7a0453;} p {margin-left: 30px; text-indent: 20px}h2 {color:#e03d89;}h2 {text-align:center}\[/code\]Thanks for any help you guys can give. I'm sure I've done something horribly wrong in posting this and all I can do is hope you all will forgive me.
External CSS won't work in Chrome
- Thread starter 4113n
- Start date