Floodster
Technical User
- Jan 28, 2005
- 204
Guys,
I have validated all my XHTML (with some help from this forum) & now I'm trying to validate my CSS. I have read other posts here that say that your CSS is okay even if you get warnings but I would like to try & correct these warnings if possible as I think they contribute to some display issues in Firefox. I have not published my site yet so I am going to have to include my code in this post.
Thanks.
I have validated all my XHTML (with some help from this forum) & now I'm trying to validate my CSS. I have read other posts here that say that your CSS is okay even if you get warnings but I would like to try & correct these warnings if possible as I think they contribute to some display issues in Firefox. I have not published my site yet so I am going to have to include my code in this post.
Code:
/* 1st menu mouse off */
.m0l0iout {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
text-decoration: none;
padding: 4px 4px;
color: #336699;
border : 2px solid #336699;
background: #dcdcdc;
}
/* 1st menu mouse off */
.m0l0oout {
text-decoration : none;
}
/* 1st menu mouse on */
.m0l0iover {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
text-decoration : none;
padding: 4px 4px;
color: #000000;
border : 2px solid #336699;
background: #6699FF;
}
/* 2nd menu mouse off */
.m0l1iout {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
padding: 4px 4px;
border : 1px solid #000000;
background: #336699;
}
/* 2nd menu mouse off*/
.m0l1oout {
text-decoration : none;
}
/* 2nd menu mouse on */
.m0l1iover {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
text-decoration : none;
padding: 4px 4px;
color: #000000;
border : 1px solid #000000;
background: #6699FF;
}
input {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #336699;
}
form {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #336699;
padding-right: 5px;
padding-left: 5px;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding-right: 5px;
padding-left: 5px;
padding-top: 0px;
padding-bottom: 0px;
list-style-type: none;
white-space: normal;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #336699;
text-align: center;
text-decoration: underline;
}h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #336699;
padding: 0px 5px;
}
table {
border: thin solid #b1c0d5;
padding-right: 5px;
padding-left: 5px;
background-color: #FFFFFF;
margin: 0px 5px;
padding-top: 0px;
padding-bottom: 0px;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #336699;
padding-right: 1px;
padding-left: 5px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;
font-size: 14px;
padding-right: 5px;
padding-left: 5px;
}
select {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #336699;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: bold;
color: #FF0000;
padding-right: 5px;
padding-left: 5px;
}
/* Nifty Corners */
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
div#nifty{
margin: 0;
background:#D4DDFF;
}
div#container {
float: none;
height: 450px;
width: 700px;
margin-top: 110px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 170px;
overflow: auto;
}
div#banner {
height: 61px;
width: 400px;
margin-top: -50px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 180px;
}
div#banner_nifty{
margin: 0;
background:#b1c0d5;
}
div#sidebar_nifty{
margin: 0;
background:#CDFFAA;
background-color: #CDFFAA;
width: 10px;
}
.table2 {
background-color: #FFFFFF;
border: none;
}
.table3 {
background-color: #B4CEF7;
border: none;
}
div#menubar_nifty{
margin: 0;
background:#B4CEF7;
background-color: #B4CEF7;
}
div#privacy_nifty{
margin: 0;
background:#CCCCCC;
}
div#privacy a{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #CCCCCC;
padding: 1px 5px 1px 5px;
color: #000000;
text-decoration: none;
font-weight: bold;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #990033;
font-weight: normal;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #336699;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #990033;
text-decoration: underline;
font-weight: normal;
}
.imgw3c{
border: none;
}Thanks.