I am working on a website and I am currently trying to make it look more proffesional with the help of CSS(I am writing this all myself, not using a generator). Recently I installed something that would make a more professional. The only problem is that whenever I look at it through IE or FF the entire CSS page does not load for me. It is either the background, the buttons, or I recieve an old version of my code.
How can I orginize or optimize my CSS sheet to work more properly on a webpage?
/*The CSS page for the site*/
body {
background-image:url('Bios/images/BackGround.png');
}
h2{
color:white;
font-size:15px;
text-align:center;
}
p{
color:white;
text-indent:10px;
}
td{
color:white;
}
td.title{
color:white;
text-align:center;
font-size:80px;"
}
li{
color:white;
}
/* Unlisted list */
ul{
color:white;
}
/* Verticle dash bar */
ul.Dashbar{
list-style-type:none;
margin:0;
padding:0;
}
a:link.DB,a:visited.DB{
display:block;
font-weight:bold;
color:white;
background-color:black;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover.DB,a:active.DB{
background-color:dimgray;
}
/* Verticle dash bar */
/*Links*/
a:link {color:red;} /* unvisited link */
a:visited {color:blue;} /* visited link */
a:hover {color:white;text-decoration:underline;} /* mouse over link */
a:active {color:purple;text-decoration:line-through;} /* selected link */
