-
custom CSS
ive got a CSS that uses dot notation for the styles, however, I've been told it doesn't work in Firefox, while it does in IE, any ideas?
The site is just for a demo so it only needs to work in IE but you know how team members can be insistent...
.header {font-family:Tahoma, sans-serif;
font-size: 12px; COLOR:#000000;
padding-left:10; padding-right:5;
font-weight:900 }
.text {font-family:Tahoma, sans-serif;
font-size: 16px; color:#000000;
padding-left:20; padding-right:10 }
.text2 {font-family:Tahoma, sans-serif;
font-size: 12px; color:#000000;
padding-left:20; padding-right:10;
font-weight:100; }
.news {font-family:Arial, sans-serif;
font-size: 9px; color:#ffffff;
padding-left:10; padding-right:5;
font-weight:900; }
Styles for links
a:link{text-decoration: underline; color:#009999}
a:visited{text-decoration: underline; color: #000099}
a:hover{text-decoration: underline; color: #009999}
a:active{text-decoration: underline; color: #009999}
.background {
background-image: url(images/l3.jpg);
}
.largeheader {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
}
.unnamed1 {
font-family: "Times New Roman", Times, serif;
font-size: 16pt;
text-indent: 50%;
position: relative;
}
.unnamed2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
left: 0px;
margin-left: 50px;
}
-
At one point I had a CSS with a "dot-notation" style, and I use Firefox....it should work just fine on Firefox.
-
"Dot notation" is nothing special and it works in firefox. What exactly isn't working? I see one mistake in your css - you have to use units when specifying padding (or whatever). So it should be: padding-right:20px; etc...