Colors in Firefox

[misty]

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:

[code]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;
}


[/code]

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

[moberemk]

[code]..minitext[/code]
What's with the two dots here?
Also, if you're using XHTML, tags are supposed to be lowercase.

[wildteen88]

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: [i].className[/i]

[misty]

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\" /]

[wildteen88]

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!

[misty]

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?

[bobleny]

Yes,

http://www.w3schools.com/html/default.asp

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

With in a week you'll have all your problems solved!

[X.Cyclop]

[quote author=wildteen88 link=topic=96687.msg387408#msg387408 date=1151146958]
If you want to change the colour of the scrollbars in FF you cant. FF doesnt support this.
[/quote]
So, why [url=http://nero.com]here[/url] the colour of the scrollbars are grey in Firefox?. ???

[wildteen88]

You cant do it with CSS alone. But you can with javascript. [url=http://www.hesido.com/web.php?page=customscrollbar]Here[/url] is a script in which you can change the scroll bars for Firefox and I think for Opera too.

[X.Cyclop]

:o :o Thanks!