reddragon8
07-17-2006, 07:38 PM
Whyyy won't my site listen to the css in any browser apart from IE?? Its really annoying.. is there any way to get the font in Firefox, like how its suppose to be (in IE).
www.thelittleoriental.com (view source) ..sorry pasting link, but the codes too long =(
thanx for ur time!! =D
Arwen
07-17-2006, 07:52 PM
I fixed some errors.
<style type="text/css">
body
{font-size: 8pt;
letter-spacing: 1pt;
font-family: Tahoma;
color: #000000;
text-align: left;
background color: #FFFFFF;
background-image: url('http://www.thelittleoriental.com/skins/1/background.png');
AdMchaa-face-color: #FFFFFF;
AdMchaa-shadow-color: #000000;
AdMchaa-highlight-color: #000000;
AdMchaa-3dlight-color: #FFFFFF;
AdMchaa-darkshadow-color: #FFFFFF;
AdMchaa-track-color: #FFFFFF;
AdMchaa-arrow-color: #000000;
}
A:link
{color: #000000;
font-weight: none;
text-decoration: none;}
A:visited
{color: #000000;
font-weight: none;
text-decoration: none;}
A:active
{color: #999999;
font-weight: none;
text-decoration: none;}
A:hover
{color: #000000;
text-decoration: none;
font-weight: none;
letter-spacing: 1pt;
}
p.head {
font-family: century gothic;
font-size: 14px;
color: #000000;
text-align: center;
margin: 0px;
background-image: url('http://thelittleoriental.com/skins/1/h3.png');
height: 35px;
font-weight: bold;
padding-top: 18px;
padding-right: 8px;
text-transform: uppercase;
letter-spacing: 3px;
background-repeat: no-repeat;
background-position: top;
}
div#content {
font-family: verdana;
color: #000000;
font-size: 10px;
line-height: 17px;
cursor: default;
text-align: left;}
div#nav {
font-family: verdana;
color: #000000;
font-size: 9px;
line-height: 10px;
cursor: default;
text-align: left;}
input {color: #000000; font-size:9px; font-family:tahoma; background-color:transparent; border:1px solid; border-color: #000000;}
.button {color: #000000; font-family:tahoma; font-size:9px; background-color:transparent; border:1px solid; border-color: #000000; padding:1px; height:18px;}
textarea {color: #000000; font-family:tahoma; font-size:9px; background-color:transparent; border:1px solid; border-color: #000000; width:90%; height:40px;}
p.h3 {
font-family: verdana;
font-size: 14px;
color: #000000;
text-align: right;
margin: 0px;
background-image: url('http://www.thelittleoriental.com/skins/1/h3.png');
height: 30px;
margin-bottom: 0px;
text-transform: uppercase;
letter-spacing: 3px;
background-repeat: no-repeat;
background-position: top;
}
h3 {
font-family: verdana;
font-size: 9px;
color: #000000;
text-align: left;
margin: 0px;
height: 32px;
font-weight: normal;
letter-spacing: 3px;
text-transform: uppercase;
background-color: transparent;
background-image: url('http://www.thelittleoriental.com/skins/1/header5.png');
background-repeat: no-repeat;
background-position: top;
}
h4 {
font-family: verdana;
font-size: 9px;
color: #000000;
text-align: left;
margin: 0px;
height: 32px;
font-weight: normal;
letter-spacing: 3px;
text-transform: uppercase;
background-color: transparent;
background-image: url('http://www.thelittleoriental.com/skins/1/header.gif');
background-repeat: no-repeat;
background-position: top;
}
h5 {
font-family: verdana;
font-size: 9px;
color: #000000;
text-align: left;
margin: 0px;
height: 32px;
font-weight: normal;
letter-spacing: 3px;
text-transform: uppercase;
background-color: #FFFFFF;
background-image: url('http://www.thelittleoriental.com/skins/1/header2.png');
background-repeat: no-repeat;
background-position: top;
}
h6 {
font-family: verdana;
font-size: 9px;
color: #000000;
text-align: left;
margin: 0px;
height: 32px;
font-weight: normal;
letter-spacing: 3px;
text-transform: uppercase;
background-color: #FFFFFF;
background-image: url('http://www.thelittleoriental.com/skins/1/header3.png');
background-repeat: no-repeat;
background-position: top;
}
h3 {
font-family: verdana;
font-size: 9px;
color: #000000;
text-align: left;
margin: 0px;
height: 32px;
font-weight: normal;
letter-spacing: 3px;
text-transform: uppercase;
background-color: #FFFFFF;
background-image: url('http://www.thelittleoriental.com/skins/1/header4.png');
background-repeat: no-repeat;
background-position: top;
}
#nav li {
margin-bottom: 0px;}
#nav ul {
list-style-type: none;
padding: 0px;
margin: 15px;}
#nav a:link, #nav a:visited, #nav a:active {
font-family: verdana;
color: #000000;
font-size: 9px;
cursor: default;
padding: 2px;
display: block;
background-color: #FFFFFF;}
#nav A:hover {
font-family: verdana;
color: #999999;
font-size: 9px;
text-align: left;
padding-left: 11px;
font-weight: italic;
cursor: default;
background-color: #FFFFFF;
border-right: 6px solid #FFFFFFF;
background-image: url('images/hover.jpg');}
</style>
reddragon8
07-17-2006, 08:56 PM
aw.. thank you soooooooooo much.. its looks perfect in all browsers!! cheers!!! :D