1 Reply Latest reply: Feb 5, 2014 3:40 PM by Nancy O. RSS

    External CSS not displaying

    x_defect Community Member

      I'm trying to add a set of CSS sprite icons at the bottom right of my page - it had been showing up properly but somewhere down the line I screwed it up...

       

      Here are two drafts of the page - the first has the "#social" CSS internally and works. (ignore that there are duplicates at the moment...)

      The second has the same CSS in my external styles.css and the images do not show.

       

      http://atenndesign.com/photos/cuba2.html

      http://atenndesign.com/photos/cuba2_ext-css.html

       

      Any idea why this is happening?

        • 1. Re: External CSS not displaying
          Nancy O. CommunityMVP

          I see a couple of problems.

           

          #1 You're trying to use HTML5 tags in an XHTML document.  You should Modify your Page Properties to HTML5 encoding.

           

          #2 Your CSS Media Queries are messing things up.  When I removed them, your sprite shows up.  Try putting Sprite CSS above Media Queries and test it.

           

           

           

          Nancy O.