Mona
11-30-2003, 05:36 AM
Hi,
I got my text alignment sorted out but when I implimented it, something else went wrong: all my paragraphs and table backgrounds turned red!
They should be black, which is how it looks in my Opera browser but in IE it's all horribly red. I can't find any errors, but there must be, so would someone's fresh eyes take a looks at my css and see what's wrong, please?
Here's the stylesheet, I'm not using the Divs at the moment but I'm planning to later on which is why they're here.
body {
margin: 10px 0px 0px;
background: #000000;
cursor: hand;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #FFCCCC;
text-align: center;
}
p, table, tr, td {
background: #000000;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #FFCCCC;
text-align: center;
}
input, option, select, textarea {
border: 1px solid #FFCCCC;
background: #000000;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #FFCCCC;
}
a:link {
cursor: hand;
color: silver;
text-decoration: none;
}
a:active {
cursor: hand;
color: silver;
text-decoration: none;
}
a:visited {
cursor: hand;
color: CCFFCC;
text-decoration: none;
}
a:hover {
cursor: hand;
color: #ffffff;
text-decoration: none;
}
#content {
position: left;
left: 50px;
top: 100px;
width: 200px;
height: 300px;
overflow: auto;
background: #000000;
border: 0px solid #ffcccc;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #ffcccc;
text-align: center;
}
#nav {
position: right;
left: 50px;
top: 100px;
width: 200px;
height: 300px;
overflow: auto;
background: #000000;
border: 0px solid #ffcccc;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #ffcccc;
text-align: center;
}
#disclaimer {
position: bottom;
overflow: auto;
background: #000000;
border: 0px solid #ffcccc;
font-family: Tahoma, Verdana, Arial;
font-size: 8px;
color: #ffcccc;
text-align: center;
}
Any ideas? Thanks.
I got my text alignment sorted out but when I implimented it, something else went wrong: all my paragraphs and table backgrounds turned red!
They should be black, which is how it looks in my Opera browser but in IE it's all horribly red. I can't find any errors, but there must be, so would someone's fresh eyes take a looks at my css and see what's wrong, please?
Here's the stylesheet, I'm not using the Divs at the moment but I'm planning to later on which is why they're here.
body {
margin: 10px 0px 0px;
background: #000000;
cursor: hand;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #FFCCCC;
text-align: center;
}
p, table, tr, td {
background: #000000;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #FFCCCC;
text-align: center;
}
input, option, select, textarea {
border: 1px solid #FFCCCC;
background: #000000;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #FFCCCC;
}
a:link {
cursor: hand;
color: silver;
text-decoration: none;
}
a:active {
cursor: hand;
color: silver;
text-decoration: none;
}
a:visited {
cursor: hand;
color: CCFFCC;
text-decoration: none;
}
a:hover {
cursor: hand;
color: #ffffff;
text-decoration: none;
}
#content {
position: left;
left: 50px;
top: 100px;
width: 200px;
height: 300px;
overflow: auto;
background: #000000;
border: 0px solid #ffcccc;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #ffcccc;
text-align: center;
}
#nav {
position: right;
left: 50px;
top: 100px;
width: 200px;
height: 300px;
overflow: auto;
background: #000000;
border: 0px solid #ffcccc;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #ffcccc;
text-align: center;
}
#disclaimer {
position: bottom;
overflow: auto;
background: #000000;
border: 0px solid #ffcccc;
font-family: Tahoma, Verdana, Arial;
font-size: 8px;
color: #ffcccc;
text-align: center;
}
Any ideas? Thanks.