Jump to content


Photo

Colors in Firefox


  • Please log in to reply
9 replies to this topic

#1 misty

misty
  • New Members
  • Pip
  • Newbie
  • 3 posts

Posted 23 June 2006 - 09:14 PM

Hi all [img src=\"style_emoticons/[#EMO_DIR#]/smile.gif\" style=\"vertical-align:middle\" emoid=\":smile:\" border=\"0\" alt=\"smile.gif\" /]

I've a problem: on IE the .css is working fine and all the colors are showing but in Firefox it doesn't work [img src=\"style_emoticons/[#EMO_DIR#]/unsure.gif\" style=\"vertical-align:middle\" emoid=\":unsure:\" border=\"0\" alt=\"unsure.gif\" /]

This is the code in .css i have:

BODY {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12pt; 
    font-weight: bold;
    color : Black;
    margin-left : 1px;
    margin-right : 1px;
    background-color : #E0E8EF;
        scrollbar-track-color : #A9BAC9;
        scrollbar-face-color : #DEE3E7;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-arrow-color : #006699;
        scrollbar-shadow-color : #DEE3E7;
        scrollbar-darkshadow-color : #98AAB1;
        scrollbar-3dlight-color : #D1D7DC;
}
A:link, A:active, A:visited, A:focus {
    COLOR: #2F486F;
}
A:VISITED {
    color : #2F486F;
}
A:HOVER {
    COLOR: #8AA0B4;
}

A.webs:LINK, A:ACTIVE, A:FOCUS {
    color : #2F486F;
}
A.webs:VISITED {
    color : #2F486F;
}
A.webs:HOVER {
    COLOR: #ECF6FA;
    background-color : #4F87AF;
    text-decoration : underline
}

..title {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 16pt;
    font-weight : bold;
    color : #222222;
}
..minititle {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12pt;
    font-weight : bold;
    color : #222222;
}
..options {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
    font-size: 11pt; 
    font-weight: bold;
    color : Black;
}
..text {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
    font-size: 11pt; 
    font-weight: bold;
    color : Black;
}
..minitext {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
    font-size: 8pt; 
    font-weight: normal;
    color : Black;
}
..description {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 10pt; 
    font-weight: normal;
    color: Black;
}

..highlight {
    background-color: #CDE1F3;
}
..0 {
    background-color: #4F87AF;
}
..1 {
    background-color: #A0C0DF;
}
..2 {
    background-color: #C0D7EF;
}
..3 {
    background-color: #AA5555;
}
..4 {
    background-color: #AA7777;
}

TABLE {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
    font-size: 11pt; 
    font-weight: bold;
    color : Black;
}

INPUT.text {
    background-color : #ECF6FA;
    color : Black;
    border : 2px ridge Black;
    font-size : 10pt;
    font-family : Verdana, Arial;
    font-weight : normal;
}
INPUT.button {
    background-color : #4A4D42;
    color : #FFFFFF;
    border : 1px ridge #4A4D42;
    font-size : 12pt;
    font-weight : bold;
    height : auto;
    font : Arial, Verdana;
}
INPUT.minibutton {
    background-color : #8AA0B4;
    color : #F1F4EA;
    border : 1px ridge #8AA0B4;
    font-size : 9pt;
    font-weight : bold;
    height : auto;
    font : Arial, Verdana;
}
TEXTAREA {
    background-color : #ECF6FA;
    color : Black;
    border : 2px ridge Black;
    font-size : smaller;
    font-family : Verdana, Arial;
}
SELECT {
    background-color : #ECF6FA;
    color : Black;
    border : 1px ridge Gray;
    font-family : Verdana, Arial;
    font-weight : normal;
    font-size : 10pt;
}
..enable {
    background-color : #77FF77;
    font-weight : bold;
    color : Black;
}
..disable {
    background-color : #FF7777;
    font-weight : bold;
    color : Black;
}

..in {
    font-family : Arial;
    color : #000000;
}

..out {
    font-family : Arial;
    color : #000000;
}

..good {
    font-family : Arial;
    color : #55DD55;
}

..bad {
    font-family : Arial;
    color : #FF0000;
}

TD.bar1 {
    background-color : #527BB2;
}

TD.bar2 {
    background-color : #6D96BD;
}

..textbar {
    font-family : Arial;
    font-size : 8pt;
    font-weight : normal;
    color : #444839;
}



I really hope someone can help me to make it work with Firefox! I would really appreciated it!!

#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 23 June 2006 - 09:35 PM

..minitext
What's with the two dots here?
Also, if you're using XHTML, tags are supposed to be lowercase.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#3 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 24 June 2006 - 11:02 AM

If you want to change the colour of the scrollbars in FF you cant. FF doesnt support this.

Also as moberemk pointed out. You have two periods for your class names. It should be one period like so: .className

#4 misty

misty
  • New Members
  • Pip
  • Newbie
  • 3 posts

Posted 24 June 2006 - 02:42 PM

Thanks for your reply's and help, but i am really an amateur in this field [img src=\"style_emoticons/[#EMO_DIR#]/unsure.gif\" style=\"vertical-align:middle\" emoid=\":unsure:\" border=\"0\" alt=\"unsure.gif\" /], so i will give you the link and you can compare IE result with Firefox. If you want to help ofcourse! :) ( I want the IE result in Firefox, scrollbar doesn't mind )

[a href=\"http://pinklady.ath.cx/topo/\" target=\"_blank\"]The page! :)[/a]

I also tried the validate CSS option in Firefox, but like i said i am an amateur on this field and it still didn't worked [img src=\"style_emoticons/[#EMO_DIR#]/unsure.gif\" style=\"vertical-align:middle\" emoid=\":unsure:\" border=\"0\" alt=\"unsure.gif\" /] [img src=\"style_emoticons/[#EMO_DIR#]/smile.gif\" style=\"vertical-align:middle\" emoid=\":smile:\" border=\"0\" alt=\"smile.gif\" /]

Really hope someone can help me out!! I really appreciate your help!! [img src=\"style_emoticons/[#EMO_DIR#]/smile.gif\" style=\"vertical-align:middle\" emoid=\":smile:\" border=\"0\" alt=\"smile.gif\" /]

#5 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 24 June 2006 - 03:17 PM

Your HTML is a complete mess! Also you have two style sheets which are the same! But they have different values! You do know that deviantcore_v2.css is over ridding the styles set in style.css! Seems pointless to have them like that!



#6 misty

misty
  • New Members
  • Pip
  • Newbie
  • 3 posts

Posted 24 June 2006 - 03:34 PM

oh ok [img src=\"style_emoticons/[#EMO_DIR#]/huh.gif\" style=\"vertical-align:middle\" emoid=\":huh:\" border=\"0\" alt=\"huh.gif\" /] [img src=\"style_emoticons/[#EMO_DIR#]/unsure.gif\" style=\"vertical-align:middle\" emoid=\":unsure:\" border=\"0\" alt=\"unsure.gif\" /]. This is a standard script that i downloaded, i didn't changed anything

Do you know how i can fix this problem?

#7 bobleny

bobleny
  • Members
  • PipPipPip
  • Advanced Member
  • 429 posts

Posted 25 June 2006 - 01:13 AM

Yes,

http://www.w3schools...tml/default.asp

http://www.w3schools...css/default.asp

With in a week you'll have all your problems solved!
-- www.firemelt.net --
First do me a favor and read this: JavaScript is NOT Java - Then read this: www.php.net - When your done with that, read this Topic
After that, floors open. I and anyone else will be MORE than happy to answer YOUR query! [Topic Solved]
Cheer up, the worst has yet to come...

#8 X.Cyclop

X.Cyclop
  • New Members
  • Pip
  • Newbie
  • 7 posts
  • LocationMexico City

Posted 02 July 2006 - 06:16 PM

If you want to change the colour of the scrollbars in FF you cant. FF doesnt support this.

So, why here the colour of the scrollbars are grey in Firefox?. ???
"Don't think about the work, think about the benefit"

Leonardo Juszkiewicz

#9 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 02 July 2006 - 06:27 PM

You cant do it with CSS alone. But you can with javascript. Here is a script in which you can change the scroll bars for Firefox and I think for Opera too.

#10 X.Cyclop

X.Cyclop
  • New Members
  • Pip
  • Newbie
  • 7 posts
  • LocationMexico City

Posted 02 July 2006 - 06:32 PM

:o :o Thanks!
"Don't think about the work, think about the benefit"

Leonardo Juszkiewicz




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users