Avatar billede steven Nybegynder
16. juni 2003 - 19:34 Der er 16 kommentarer og
2 løsninger

Problemer med Stylesheet i Mozilla 5.0

Hey!

Jeg kan ikke få nedenstående stylesheet til at virke helt i mozilla 5.0. Tag for eksempel h2, jeg kan godt få farven ændret til rød, men teksten bliver ved med at være Times New Roman.

Any clues...?

/Steven

:::::::::::::::::Stylesheet:::::::::::::::::

h1
{
    color: red;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
    margin: 10px 5px 5px 5px
}

h2
{
    color: red; font-style: normal;
    font-weight: bold;
    font-size: 18px;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
    margin: 10px 5px 5px 5px
}

h3{
    color: red;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
    margin: 0px 0px 0px 5px
}

h4
{
    color: red;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
    margin: 0px 0px 0px 5px
}

h5
{
    color: red;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
    margin: 0px 0px 0px 5px
}

td
{
    color: red;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
    background-repeat: no-repeat;
    background-attachment: fixed
}

div
{
    color: red;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none
}

th
{
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none
}

p
{
    color: black;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
    margin: 0px 0px 0px 0px
}

a
{
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none
}

a:active
{
    color: #2E4054;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none
}

a:link
{
    color: #2E4054;
    font-style: normal;
    font-weight: bold;
    font-size: 12px
    text-decoration: none
}

a:visited
{
    color: #2E4054;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none
}

a:hover
{
    color: #5E81A8;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none
}

.liste
{
    color: #FFFFFF;
    background-color: #2E4054;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none
}

.status, .optnavn
{
    color: #2E4054
}

.obs
{
    color: #BB4054
}

.fejl
{
    color: #BB2222;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none
}

.medienavn
{
    color: #2E4054;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    text-decoration: none
}

.girokort   
{
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
    font-family: courier
}

.kreditnota
{
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    text-decoration: none;
    font-family: arial
}

.mikvalgt
{
    color: #333333
}

.mikikvalgt
{
    color: #AAAAAA
}

.bogstav
{
    color: #2E4054;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    text-decoration: none
}
Avatar billede fangel Nybegynder
16. juni 2003 - 19:46 #1
hvorfan har du fået Mozilla 5.0 fra? nyeste version er 1.5alpha! www.mozilla.org

prøv at kør den gennem CSS validatoren på www.w3.org... kan ikke huske det direkte link, men find det selv

Morten
Avatar billede steven Nybegynder
16. juni 2003 - 19:50 #2
Hej
Der står to tal Mozilla/5.0 og Mozilla 1.2.1 under "om Mozilla". Det er nok 1.2.1 så.
Jeg har prøvet med www.w3.org, men den giver ingen problemer, kun nogle få warnings.
/Steven
Avatar billede skovenborg Nybegynder
16. juni 2003 - 19:55 #3
Er du sikker på at du for det lagt rigtigt ind på siden, altså med
<head>
<style type="text/css">
:: STYLESHEET ::
</style>
</head>
Avatar billede fangel Nybegynder
16. juni 2003 - 19:57 #4
eller eksternt stylesheet med <link>

og så er det 1.2.1, Moz altså

Morten
Avatar billede steven Nybegynder
16. juni 2003 - 20:01 #5
Jeg har lagt det ind på følgende måde:

    <SCRIPT LANGUAGE = "JavaScript">
      <!-- 
    bName = navigator.appName;
   
    if (bName == "Netscape") {
        document.write('<LINK rel="stylesheet" href="http://bonus/dis/include/nsstyle.css">');
    }
      if (bName == "Microsoft Internet Explorer") {
        document.write('<LINK rel="stylesheet" href="http://bonus/dis/include/iestyle.css">')
    }
      //-->
  </SCRIPT>

----------

Det er kun nsstyle.css der er problemer med.

/Steven
Avatar billede backfire Nybegynder
16. juni 2003 - 21:16 #6
in Moz, under Edit¦Preferences¦Colors, do you have the radio checked that says 'Use my chosen colors....'
And in Edit¦Preferences¦Fonts, is allow documents to use other fonts cleared?

I did these and Moz ignores my style sheet colors, font faces, and font sizes.
Avatar billede steven Nybegynder
16. juni 2003 - 21:59 #7
No, the settings are set so I should take the stylesheet. It's only the font thats the problem - the colours are fine...
/Steven
Avatar billede backfire Nybegynder
16. juni 2003 - 22:23 #8
Pænt af dig at svare på engelsk, men jeg taler nu fint dansk, teksten var pastet fra et engelsk forum!!

Hvad sker der hvis du i stedet skriver:

<h2 style="font-family: verdana; color: red;">TEKST MED RØD VERDANA</h2>

bare for at udelukke at det er brugen af eksternt stylesheet der er problemet!!
Prøv endvidere at bruge følgende inkluderings metode istedet der anbefales i dokumentationen til mozilla:

<link rel="stylesheet" href="link-til-stylesheet.css" type="text/css">

eller alternativt:

<link rel="stylesheet" href="link-til-stylesheet.css" type="text/css" />
Avatar billede olebole Juniormester
16. juni 2003 - 22:31 #9
<ole>

Det er vigtigt at have typen med i tag'et:
  <link rel="StyleSheet" href="fil.css" type="text/css">

Derudover er det vigtig _aldrig_ at sætte font-navne med store bogstaver, når det er remote stylesheets. Visse browsere ignorerer font-angivelser med stort begyndelsesbogstav.

/mvh
</bole>
Avatar billede steven Nybegynder
16. juni 2003 - 23:49 #10
Hej backfire og Olebole,

Jeg sidder nu hjemmefra, og har derfor ikke mulighed for at teste jeres løsningsforslag. Jeg vender tilbage med kommentar i morgen tidlig, hvor jeg igen sidder på min plads. Tak for jeres kommentarer.

/Steven
Avatar billede roenving Novice
17. juni 2003 - 07:45 #11
Har ik' li'e mozilla i min browser-pakke, men ville det måske være en ide at angive font-properties efter en logisk prioritering:

h2
{
    margin: 10px 5px 5px 5px
    font-family: Verdana, Arial, Helvetica;
    font-size: 18px;
    color: red;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
Avatar billede olebole Juniormester
17. juni 2003 - 08:10 #12
Jamen, HALLO .... returnerer Mozilla overhovedet 'Netscape' på navigator.appName ...?

Prøv:

<script type="text/JavaScript">
var NS, agent = navigator.userAgent.toLowerCase();
NS  = ( (agent.indexOf('mozilla')!=-1) && (agent.indexOf('spoofer')==-1)
        && (agent.indexOf('compatible')==-1) && (agent.indexOf('opera')==-1)
        && (agent.indexOf('webtv')==-1) );
if (NS) {
    document.write('<LINK rel="stylesheet" href="http://bonus/dis/include/nsstyle.css">');
} else {
    document.write('<LINK rel="stylesheet" href="http://bonus/dis/include/iestyle.css">')
}
</script>

/mvh
Avatar billede steven Nybegynder
17. juni 2003 - 08:51 #13
nåh, så har jeg fundet fejlen.
Der er (selvfølgelig) ikke installeret verdana, arial og helvetica på en frisk version af Linux. Jeg har nu installeret disse fontpakker, og så virker det.
Jeg ved ikke helt hvem der skal have pointene, men hvis I (olebole og roensving) skriver et svar, så fordeler jeg pointene til jer og backfire.
/Steven
Avatar billede roenving Novice
17. juni 2003 - 08:57 #14
Linux rules !-)

Alle disse windows-brugere (heriblandt mig) er jo vant til at den slags findes -- alle andre systemer (bortset fra Mac'erne) er jo 'tomme' ...

Og kan vi så lære at installation af alt andet end et standard-system faktisk kræver, at der installeres !o]
Avatar billede steven Nybegynder
17. juni 2003 - 09:07 #15
pis! Jeg troede jeg havde luret pointfordelingsfunktionen, men nej - jeg skylder dig 10 points Olebole - sorry. Skal jeg oprette et spørgsmål, som du kan besvare?
/Steven
Avatar billede roenving Novice
17. juni 2003 - 09:09 #16
-- jeg nåede også lige at undres -- du bli'r nok nødt til det -- han er ved at gå point-fallit *ggg*
Avatar billede olebole Juniormester
17. juni 2003 - 09:23 #17
*LoooOoooL* Nej, drop du bare pointene  ;oD
LINUX ... tsk-tsk
Avatar billede roenving Novice
17. juni 2003 - 09:30 #18
*g*
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester