View Full Version : browsers


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

Arwen
07-17-2006, 09:06 PM
You're welcome! :)