Avatar billede technodance.dk Nybegynder
30. maj 2004 - 01:40 Der er 18 kommentarer og
1 løsning

hvordan få jeg lige min kode til at passe til mozilla

Hej exp'er

jeg er ved at test min side på en mozilla browser

men i IE er den fint MEN i mozilla sker der ting og sager men havd er det lige jeg gør forkent i min css.fil

//css filen men ved ikke om det er den det er galt med
    {
    font-family:'Verdana';
    font-size: 8pt;
    background:EEEEEE;
/*    background:rgb(102,153,204); */
    font:bold;
    }
.td{
    font-family:'Verdana';
    font-size: 8pt;
    font:bold;
    background:rgb(255,255,255);
    }

.fieldset
    {
    border:2px groove rgb(153,204,255);
    width:110px;
    padding-left: 15px;
    }
.legend
  {
    letter-spacing: 3px;
    color:rgb(0,51,102);
    font-weight: bold;
    }
.label
    {
    width:150px;
    vertical-align:top;
    color:rgb(0,51,102);
    float:left;
    }
.menu
    {
    padding-left: 5px;   
    }
.midt
    {
      font-family:'Verdana';
    font-size: 8pt;
    font:bold;
    background:rgb(255,255,255);
    padding-left: 5px;
    }
#t1, #t2, #t3, #t4, #t5
    {
    border:1px inset rgb(153,204,255);
    width: 300px;
    background:rgb(148,204,252);
    }
#t5
    {
    height:80px;
    overflow:auto;   
    }
#submit
    {
    background: rgb(102,153,204) url('save.png') no-repeat 0% 50%;
    border:2px outset rgb(153,204,255);
    width:150px
    }
.snake
    {
    background-image:url('images/snake.gif');
    background-repeat:repeat-y;
    }
   
a:link
    {
    color: #000000;
    font-family:'Verdana';
    font-size: 8pt;
    font:italic;
    }
a:active
    {
    font-family:'Verdana';
    font-size: 8pt;
    font:italic;
    }
a:visited
    {
    font-family:'Verdana';
    font-size: 8pt;
    font:italic;
    }
.klap
    {
    background-image:url('images/buttom.gif');
    background-repeat:no-repeat;   
    padding-left: 0px;
    }
.topbar
    {
    background-image:url('images/buttom.gif');
    background-repeat:repeat-x;   
    padding-left: 0px;
    }
Avatar billede ducks Nybegynder
30. maj 2004 - 02:23 #1
Avatar billede roenving Novice
30. maj 2004 - 13:09 #2
Brug px til skærm-brug og ikke pt, da denne papirbaserede enhed kan fortolkes på utallige forkellige måder ...

Du skal også have # på enhver hex-farve-angivelse ...

Og er det ikke noget rod, at du bruger hex-farve nogen gange og rgb nogle andre gange ?-)

-- og så kunne det måske gøre det nemmere at spotte evt. fejl, hvis du beskrev den måde det blev forkert på !-)
Avatar billede technodance.dk Nybegynder
31. maj 2004 - 03:19 #3
okay men kan ikke teste min css.fil på det site der
Avatar billede roenving Novice
31. maj 2004 - 03:27 #4
Min css havde ingen problemer ...
Avatar billede technodance.dk Nybegynder
31. maj 2004 - 03:29 #5
nej det kom igennem idag men ikke igår vil du lige prøve at ligge her havd der der galt her
-----------css fil----------------

    body
    {
    font-family:'Verdana';
    font-size:11px;
    background-color:#EEEEEE;
    font-weight:bold;
    margin-left:0px;
    margin-top:0px;
    }
.td{
    font-family:'Verdana';
    font-size:11px;
    font-weight:bold;
    background:rgb(255,255,255);
    }
.ramme
    {
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:1px;
    }
.text
    {
    font-family:'Verdana';
    font-size:11px;
    font-weight:normal;
    }
.copy
    {
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:1px;

    background-color:#FFFFFF;
    font-family:'Verdana';
    font-size:11px;
    font-weight:bold;
    }
.menu
    {
    padding-left: 5px;   
    }

.midt_no
    {
    border-width:0px;
    border-top-width:0px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:0px;
    border-left-width:0px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:0px;
  font-family:'Verdana';

    font-size:11px;

    font-weight:bold;
    background-color:#EEEEEE;
  padding-left: 5px;
    }
.u_title
    {
    border-width:1px;
    border-top-width:0;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:0px;
  font-family:'Verdana';

    font-size:11px;

    font-weight:normal;
    background:#FFFFFF;
  padding-left: 5px;
    }
.top_border
    {
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:0px;
    border-left-width:0px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:0px;
  font-family:'Verdana';

    font-size:11px;

    font-weight:bold;
  padding-left: 5px;
    }
.title
    {
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:1px;

    font-family:'Verdana';
    font-size:11px;

    font-weight:bold;
    text-align:center;

    background-image:url('images/buttom.gif');
    background-repeat:no-repeat;   
  padding-left: 0px;
    }
.topbar
    {
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:1px;

    font-family:'Verdana';
    font-size:11px;

    font-weight:bold;

    background-image:url('images/buttom.gif');
    background-repeat:repeat-x;   
  padding-left:5px;
    }
.code_box
    {
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:1px;

    font-family:'Verdana';
    font-size:11px;
    font:italic;
    font-weight:normal;
    font-style:italic;
  padding-left:10px;
    background-color:FFFFE1;
    width:350;
    color:#005B7D;
    }

input
    {
    background-color:#FFFFFF;

    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
  border-bottom-width:1px;

    color:#005B7D;
    font-family:'Verdana';
    font-size:11px;
    font-weight:bold;   
    }

A:link
    {
    text-decoration:none;
    color:#000000;
    font-family:'Verdana';
    font-size:11px;
    font-weight:bold;;
    }
A:visited
    {
    text-decoration:none;
    color:#000000;
    font-family:'Verdana';
    font-size:11px;
    font-weight:bold;
    }
A:hover
    {
    color:#000000;
    text-decoration:underline;
    font-family:'Verdana';
    font-size:11px;
    font-weight:bold;
    }
A:active
    {
    text-decoration:none;
    color:#000000;
    font-family:'Verdana';
    font-size:11px;
    font-weight:bold;
    }
Avatar billede technodance.dk Nybegynder
31. maj 2004 - 03:34 #6
Warnings
URI : XXXXXXXXXXXXXX
Line : 0 font-family: You are encouraged to offer a generic family as a last alternative
Valid CSS information

det forstå jeg ikke den skrift jeg har valgt har jeg fået anbefalt
Avatar billede roenving Novice
31. maj 2004 - 03:43 #7
Det betyder, at du bør oplyse en fall-back-font, hvis ikke den oplyste findes på computeren ...

Jeg har ikke kigget alt igennem, så der er med garanti noget, som kan skrives mere hensigtsmæssigt, men allerede her er der sparet adskillige linjer:

*{
font-family:verdana,sans-serif;    font-size:11px;
}
body{
    background-color:#EEEEEE;
    font-weight:bold;
    margin-left:0px;
    margin-top:0px;
}
.td{
    font-weight:bold;
    background:rgb(255,255,255);
}
.ramme{
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:1px;
}
.text{
    font-weight:normal;
}
.copy{
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:1px;
    background-color:#FFFFFF;
    font-weight:bold;
}
.menu{
    padding-left: 5px;   
}

.midt_no
    {
    border-width:0px;
    border-top-width:0px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:0px;
    border-left-width:0px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:0px;
    font-weight:bold;
    background-color:#EEEEEE;
  padding-left: 5px;
}
.u_title{
    border-width:1px;
    border-top-width:0;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:0px;
    font-weight:normal;
    background:#FFFFFF;
  padding-left: 5px;
}
.top_border{
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:0px;
    border-left-width:0px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:0px;
    font-weight:bold;
  padding-left: 5px;
}
.title{
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:1px;
    font-weight:bold;
    text-align:center;
    background-image:url('images/buttom.gif');
    background-repeat:no-repeat;   
  padding-left: 0px;
}
.topbar{
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:1px;
    font-weight:bold;
    background-image:url('images/buttom.gif');
    background-repeat:repeat-x;   
  padding-left:5px;
}
.code_box{
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
    border-bottom-width:1px;
    font:italic;
    font-weight:normal;
    font-style:italic;
  padding-left:10px;
    background-color:FFFFE1;
    width:350;
    color:#005B7D;
}
input{
    background-color:#FFFFFF;
    border-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-spacing:0px;
    border-right-width:1px;
    border-left-width:1px;   
    border-color:#000000;
    border-collapse:collapse;
  border-bottom-width:1px;
    color:#005B7D;
    font-weight:bold;   
}

A:link{
    text-decoration:none;
    color:#000000;
    font-weight:bold;;
}
A:visited{}
A:hover{
    text-decoration:underline;
}
A:active{
    text-decoration:none;
}
Avatar billede technodance.dk Nybegynder
31. maj 2004 - 03:49 #8
havd skal man så når den ikke finder nogle fejl med den side der
Avatar billede technodance.dk Nybegynder
31. maj 2004 - 03:56 #9
og så så lige en ting til skal man tjekke alle undersider...
:?
Avatar billede roenving Novice
31. maj 2004 - 03:57 #10
Hvis det er interessant for dine brugere, at du overholder standarden sætter du logoet ind, ellers læner du dig bare tilbage og tænker:

'Her har jeg gjort, hvad jeg kunne, for at alle får det samme ud af kigge på mit site'

!-)
Avatar billede roenving Novice
31. maj 2004 - 03:58 #11
Du bruger vel ikke en anderledes css-fil på dine undersider ?-)

-- så checket bør ikke have behov for at blive gennemført mere end een gang !-)
Avatar billede technodance.dk Nybegynder
31. maj 2004 - 03:59 #12
nej det var min html filer jeg tænke på der
Avatar billede roenving Novice
31. maj 2004 - 04:01 #13
Check alle dine html-filer, for det er en ret god lakmus-prøve ...
Avatar billede technodance.dk Nybegynder
31. maj 2004 - 04:04 #14
ja okay men havd skal man gøre nå jeg includer min filer med php så kommer der jo denne line to gange

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

og hvis jeg ikke har den på den side jeg tjekker så fejl den side jo så havd anbefaler du lige jeg gøre???
Avatar billede roenving Novice
31. maj 2004 - 04:18 #15
Sæt denne ind i stedet:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

-- men hav den ikke med i de inkluderede filer, for det er jo heller ikke dem browserne ser ...

-- dine php-filer ændres jo af din php-kode til noget html, som sendes af serveren !-)
Avatar billede technodance.dk Nybegynder
31. maj 2004 - 10:23 #16
roenving svare du lige for du løste mit problem takker hjælpen fra begge sider
Avatar billede roenving Novice
31. maj 2004 - 11:04 #17
Velbekomme '-)
Avatar billede technodance.dk Nybegynder
31. maj 2004 - 11:24 #18
roenving i html inde på den side der den vil ikke accepter det her "&nbsp;" så havd kan jeg bruge som mellemrum isted
Avatar billede roenving Novice
31. maj 2004 - 11:44 #19
Hvad ?-)

&nbsp; er nok den mest brugte html-entity, så der må være et eller andet ... andet !-)
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
Kurser inden for grundlæggende programmering

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