Jump to content

Archived

This topic is now archived and is closed to further replies.

misty

Colors in Firefox

Recommended Posts

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!!

Share this post


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

Share this post


Link to post
Share on other sites
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]

Share this post


Link to post
Share on other sites
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\" /]

Share this post


Link to post
Share on other sites
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!

Share this post


Link to post
Share on other sites
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?

Share this post


Link to post
Share on other sites
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!

Share this post


Link to post
Share on other sites
[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?. ???

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.