It looks fine here. Copy the following and paste it in a Notepad and then
save it again:
/* CSS Document */
#wrapper{
width: 950px;
margin: 15px auto;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
padding:5px;
}
#header{
padding-bottom:5px;
padding-left:10px;
}
.navBarClass {
float:right;
clear:both;
padding-right:10px;
padding-bottom:5px;
}
a#rollover_classes { background-image:url(../images/classes.jpg);
background-position:0px 40px; width:170px; height: 20px; display:block; }
a#rollover_classes span { display:none; }
a#rollover_classes:hover { background-position:0px 0px; }
a#rollover_classes_selected {background-image:url(../images/classes.jpg);
background-position:0px 0px; width:170px; height: 20px; display:block; }
a#rollover_classes_selected span { display:none; }
a#rollover_classes_selected:hover { background-position:0px 0px; }
a#rollover_music { background-image:url(../images/music.jpg);
background-position:0px 40px; width:170px; height: 20px; display:block;}
a#rollover_music span { display:none; }
a#rollover_music:hover { background-position:0px 0px; }
a#rollover_music_selected {background-image:url(../images/music.jpg);
background-position:0px 0px; width:170px; height: 20px; display:block; }
a#rollover_music_selected span { display:none; }
a#rollover_music_selected:hover { background-position:0px 0px; }
a#rollover_preschools { background-image:url(../images/daycares.jpg);
background-position:0px 40px; width:170px; height: 40px; display:block;}
a#rollover_preschools span { display:none; }
a#rollover_preschools:hover { background-position:0px 0px; }
a#rollover_preschools_selected
{background-image:url(../images/daycares.jpg); background-position:0px 0px;
width:170px; height: 40px; display:block; }
a#rollover_preschools_selected span { display:none; }
a#rollover_preschools_selected:hover { background-position:0px 0px; }
a#rollover_events { background-image:url(../images/events.jpg);
background-position:0px 40px; width:170px; height: 40px; display:block;}
a#rollover_events span { display:none; }
a#rollover_events:hover { background-position:0px 0px; }
a#rollover_events_selected {background-image:url(../images/events.jpg);
background-position:0px 0px; width:170px; height: 40px; display:block; }
a#rollover_events_selected span { display:none; }
a#rollover_events_selected:hover { background-position:0px 0px; }
a#rollover_about { background-image:url(../images/about.jpg);
background-position:0px 40px; width:170px; height: 20px; display:block;}
a#rollover_about span { display:none; }
a#rollover_about:hover { background-position:0px 0px; }
a#rollover_about_selected {background-image:url(../images/about.jpg);
background-position:0px 0px; width:170px; height: 20px; display:block; }
a#rollover_about_selected span { display:none; }
a#rollover_about_selected:hover { background-position:0px 0px; }
a#rollover_what { background-image:url(../images/what.jpg);
background-position:0px 40px; width:170px; height: 40px; display:block;}
a#rollover_what span { display:none; }
a#rollover_what:hover { background-position:0px 0px; }
a#rollover_what_selected {background-image:url(../images/what.jpg);
background-position:0px 0px; width:170px; height: 40px; display:block; }
a#rollover_what_selected span { display:none; }
a#rollover_what_selected:hover { background-position:0px 0px; }
a#rollover_contact { background-image:url(../images/contact.jpg);
background-position:0px 40px; width:170px; height: 20px; display:block;}
a#rollover_contact span { display:none; }
a#rollover_contact:hover { background-position:0px 0px; }
a#rollover_contact_selected {background-image:url(../images/contact.jpg);
background-position:0px 0px; width:170px; height: 20px; display:block; }
a#rollover_contact_selected span { display:none; }
a#rollover_contact_selected:hover { background-position:0px 0px; }
body{
background-image:url(../images/gradient_1.jpg);
background-repeat:repeat;
}
#body{
width:500px;
float:right;
border-left:1px solid #bfd93a;
border-right:1px solid #bfd93a;
vertical-align:top;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
padding-top:0px;
min-height:300px;
}
#sidebar{
background-color:#CCCCCC;
padding:10px;
}
.testimonial {
width:510px;
float:left;
padding-bottom:20px;
}
.left-quote {
float:left;
background:url(../images/img-quotes-left.jpg) no-repeat top;
width:68px;
height:77px;
}
.testi-text {
float:left;
text-align:justify;
width:350px;
padding-right:65px;
background:url(../images/img-quotes-right.jpg) no-repeat right bottom;
}
.testi-pic {
float:left;
width:77px;
height:104px;
margin-left:70px;
display:inline;
}
.testi-name {
float:left;
padding:30px 0 0 68px;
}
--------------------------------------------------
From: "Rory Bernstein" <[email protected]>
Sent: Tuesday, October 26, 2010 2:07 AM
To: <[email protected]>
Subject: [css-d] Stylesheet renders in chinese?
Hi all, A client asked me to do some basic work on her site (which was
done by someone else), and when I view her stylesheet in a browser, the
contents of the stylesheet show up in chinese:
http://www.jitterbugsnyc.com/css/layout.css
Can anyone suggest a fix? When I view the same stylesheet in Coda or
BBEdit, it looks fine. I created an .html doc that refers to this
stylesheet but the page renders as if there were no stylesheet.
That page is here:
http://www.jitterbugsnyc.com/home2.html
Thank you,
Rory
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
