Re: FN-FORUM: CSS firefox problem, what else?
date posted 29th January 2007 19:19
Also for your links they are wrong they are '.nav a:link' when they should
be 'a.nav:link' etc so change from this:
.nav a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
font-variant:small-caps;
text-align:center;
text-decoration:none;
background-color:#535643;}
.nav a:hover{
color:#FF9900;
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#5BA9BF;}
.nav a:visited{
color:#FF9900;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#535643;}
.nav a:active{
color:#16668B;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#535643;}
to this:
a.nav:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
font-variant:small-caps;
text-align:center;
text-decoration:none;
background-color:#535643;}
a.nav:hover{
color:#FF9900;
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#5BA9BF;}
a.nav:visited{
color:#FF9900;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#535643;}
a.nav:active{
color:#16668B;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#535643;}
That works for me
Martin
atdc
----- Original Message -----
From: [EMAIL REMOVED]
To: [EMAIL REMOVED]
Sent: Monday, January 29, 2007 7:30 PM
Subject: Re: FN-FORUM: CSS firefox problem, what else?
>
> [EMAIL REMOVED] wrote:
>
> I am sorry - I have only just seen this posting, as I have been away from
> my
>> email all day.
>>
>> I have tried this code out - it seems to work OK in FF2; does this code
>> still cause an issue for you, or have you managed to solve your
>> conumdrum?
>> It shows a greenish background for me - are you including the CSS styling
>> as
>> a separate linked file, or within the body of your HTML / PHP?
>>
>>
>> Alex.
>
>
> Hi Alex,
>
> Still will not work for me, Its included in a style sheet:
>
> ////////////////////////////////////////////////////////////////////////////////
>
> /* CSS Document */
> #hold{
> height:550px;
> width:495px;
> padding:0px;
> margin:0px;
> line-height:16px;
> float:left;
> background-color:#EAEBE3;
> border-top:0px;
> border-right:0px;
> border-bottom:2px solid #3886AD;
> border-left:2px solid #3886AD;}
>
>
>
>
>
> #contentmain{
> width:492px;
> height:424px;
> float:left;
> margin:0px;
> padding:0;}
>
>
> #space{
> width:492px;
> height:5px;
> line-height:0px;
> background-color:#5BA9BF;
> border-top-width:478px;}
>
>
> .taknom{
> height:130px;
> width:492px;
> line-height:14px;
> padding:0px;
> margin:0px;
> border:0px;
> font-weighr:bold;
> font-size:12px;
> font-variant:small-caps;
> font-family:font-family:Verdana, arial, Helvetica, sans-serif;
> color:#6B6C67;
> display:block;
> float:none;
> text-align:justify;
> background-color:#EAEBE3;}
>
>
>
>
>
> .taknxt{
> height:180px;
> width:492px;
> line-height:14px;
> padding:0px;
> margin:0px;
> border:0px;
> font-weighr:bold;
> font-size:12px;
> font-variant:small-caps;
> font-family:font-family:Verdana, arial, Helvetica, sans-serif;
> color:#6B6C67;
> display:block;
> float:none;
> text-align:justify;
> background-color:#F0F1EB;}
>
>
> .passlink{
> font-family:Verdana, Arial, Helvetica, sans-serif;
> display:block;
> width:492px;
> height:95px;
> line-height:20px;
> font-size:15px;
> color:#FFFFFF;
> font-weight:bold;
> font-variant:small-caps;
> text-align:center;
> text-decoration:none;
> background-color:#5BA9BF;}
>
>
> .nav a:link{
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:12px;
> color:#FFFFFF;
> font-weight:bold;
> font-variant:small-caps;
> text-align:center;
> text-decoration:none;
> background-color:#535643;}
> .nav a:hover{
> color:#FF9900;
> text-decoration:underline;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:12px;
> background-color:#5BA9BF;}
> .nav a:visited{
> color:#FF9900;
> text-decoration:none;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:12px;
> background-color:#535643;}
> .nav a:active{
> color:#16668B;
> text-decoration:none;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:12px;
> background-color:#535643;}
>
> .intro{
> background-color:#535643;
> line-height:18px;
> height:20px;
> width:492px;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:15px;
> color:#FFFFFF;
> font-weight:bold;
> font-variant:small-caps;
> text-align:center;
> text-decoration:none;}
> /////////////////////////////////////////////////////////////////////////////////
>
> I've tried using the refresh button just in case I'm seeing a cashed
> version
> and still not working? It picks up everything other than background-color:
> neither will the 'nav ' links work in FF.....////
>
> DG)
>
>
> --
> Freelancers, contractors earn more with Prosperity4
> Call 0870 870 4414 or visit www.prosperity4.com
> and benefit from Inland Revenue approved expenses today.
>
> To advertise here: http://www.freelancers.net/advertising.html
>
>