Avatar billede theofilos Nybegynder
16. februar 2005 - 10:16 Der er 19 kommentarer og
1 løsning

Godt optimeringsprogram til html/CSS-kode i IE/Mozilla?

Har nogle derude erfaringer med et program, som kan validere html-kode - især omkring visning i forskellige browsere?

Jeg har en hjemmeside, der ikke ser ens ud i IEexplorer og Mozilla - og jeg kan ikke knække nøden...

Kan I hjælpe mig?

Sidens adresse er: http://www.marslev-birkende.dk/salmecd/

Mvh

Theofilos
Avatar billede Slettet bruger
16. februar 2005 - 11:14 #1
Din HTML er OK
This Page Is Valid HTML 4.01 Transitional!
men din CSS skal der rettes lidt i
Line: 89
Invalid number : color darkblue is not a color value : darkblue
indsæt en anden farvekode f.eks Navy;

i linierne:
Line : 20 - 89 
og minushoejreramme.css

Line : 2  11  14  17  20  23  26  48 

indsæt :Verdana, Geneva, Arial, Helvetica, sans-serif;
som skrifttyper

.............
Avatar billede theofilos Nybegynder
16. februar 2005 - 11:35 #2
Nu har jeg ændret min css-fil... Skal lige op til min anden PC for at tjekke resultatet i Mozilla-browseren...

mvh

Theofilos
Avatar billede theofilos Nybegynder
16. februar 2005 - 11:45 #3
Nej... desværre

Siden vises stadig ikke korrekt i Mozilla (Firefox)!

Teksten i højre øverste div-rubrik hænger i forhold til div-afsnittet - ja, i det hele taget passer div-kolonnerne ikke mere til tekstindholdet...

Herudover vises afspillerbjælken slet ikke...

Findes der noget software (gerne freeware), som kan opdage disse problemer ved html/css??
Avatar billede Slettet bruger
16. februar 2005 - 13:59 #4
Ja det har jeg godt set at det hænger lidt i øverste højre hjørne, og den blå ramme bag menu i venstre side er lidt for smal, samt at hele siden er lidt for bred.
Du mangler at rette Line: 89
Invalid number : color darkblue is not a color value : darkblue

og
Line : 20 font-family: You are encouraged to offer a generic family as a last alternative
Line : 89 font-family: You are encouraged to offer a generic family as a last alternative
og
Line : 17 font-family: You are encouraged to offer a generic family as a last alternative
i styles minushoejreramme.css (som jeg ikke kan se hvor den gemmer sig)
men mener ikke dette har betydning for fremvisningen.
Du bruger ligeledes:
position : absolute;
left : 20px;
top : 75px;
i css/ekstramenu og venstremenu, det er ikke helt rigtig code, men jeg er ikke så skrap så jeg ved hvad du skal bruge, men der må være en anden der kan hjælpe dig.
Ret width : 115px; til width : 135px; i #venstremenu.

Det er småting, kun et spørgsmål om at tilrette din kode så html/css arbejder sammen.
Avatar billede Slettet bruger
16. februar 2005 - 14:07 #5
Du skriver også :
Herudover vises afspillerbjælken slet ikke...
det er sikkert fordi det er Microsoft Windows Media Player du anvender
Avatar billede theofilos Nybegynder
16. februar 2005 - 14:17 #6
ibtage - tak for rettelserne... Nu prøver jeg at rette til igen... og så må det jo på et tidspunkt gå op - også i Mozilla.

Mht. afspilningsbjælken... Ja, su har re - det havde jeg slet ikke tænkt på.
Avatar billede Slettet bruger
16. februar 2005 - 14:35 #7
Du kunne også prøve at udskifte din Doctype:

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

eller denne

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

har nu aldrig rigtigt fundet ud af hvordan og hvorfor, men de er begge gyldige + den du bruger nu ved anvendelse af Css.

Det ødelægger i hvert fald ikke noget - jeg vil måske trod den første den har strict på html-delen.
Avatar billede Slettet bruger
16. februar 2005 - 15:14 #8
Nu vises den også fint i FF - og selvom afspillerbjælken ikke vises, henter den fint "smagsprøver" og afspiller dem i Microsoft Windows Media Player .

Nu skal du bare have lavet hele siden lidt smallere når den vises i 1024x768 kommer der en horisontal scroll
Eller flyt datovisningen lidt længe til venstre
Avatar billede theofilos Nybegynder
16. februar 2005 - 15:42 #9
OK - men den vises stadig ikke helt i Mozilla som i IE... Sidste problem er vist bannerens højre side, hvor margin bliver ignoreret/overskredet...

Jeg vender evt. tilbage i aften, da jeg nu får gæster...

Hvis vi lige får løst det sidste bannerproblem i Mozilla, så står du til 60 points fra mig ;-) og en masse tak!
Avatar billede Slettet bruger
16. februar 2005 - 16:14 #10
Dit banner er 1224x120 - du er nød til at skære en ende af højre side så det kommer ned på 1024
Avatar billede theofilos Nybegynder
16. februar 2005 - 22:16 #11
Banneret består af en div-blok, hvor jeg har indsat et jpg-billede på 50 x 600 pixels...

Hvordan kommer du frem til en bredde på 1224???

I CSS-filen har jeg så defineret flg:

    position:absolute;
    left:20px;
    right:70px;
    top:20px;
    width:100%;
    height: 50px;
    background-color: #84B2EA;

Da "right" er sat til 70px burde banneret i Mozilla ikke gå helt ud til kanten (og en smule længere, faktisk)... I IE-explorer er det fint nok...

Hvad er der mon galt??

<div id="titel"><!-- Banner -->
    <div style="position:absolute; right:0px; top:25px; Width:135px;">
    <script type="text/javascript">

        var months=new Array(13);
        months[1]="januar";
        months[2]="februar";
        months[3]="marts";
        months[4]="april";
        months[5]="maj";
        months[6]="juni";
        months[7]="juli";
        months[8]="august";
        months[9]="september";
        months[10]="oktober";
        months[11]="november";
        months[12]="december";
        var time=new Date();
        var lmonth=months[time.getMonth() + 1];
        var date=time.getDate();
        var year=time.getFullYear();
       
        document.write("&nbsp;&nbsp;" + date + ". " + lmonth + " " + year + "&nbsp;&nbsp;");
        // Slut -->
</script></div>

<div align="left"><img src="images/nodebanner.jpg" width="600"
height="50" alt=""></div></div>
Avatar billede Slettet bruger
16. februar 2005 - 23:39 #12
.....Hvordan kommer du frem til en bredde på 1224???

Billedet nodebanner.jpg som du bruger er fysisk 1224x120 px stort og det kan ikke vises i en ramme der er 600x50 i FF.

Du skal ændre den fysiske størrelse proportional på nodebanner.jpg og det nærmeste du kan komme er 600x59 px ellers skal du beskære det til størrelsen

Jeg slutter for i dag - god nat
Avatar billede theofilos Nybegynder
17. februar 2005 - 00:29 #13
Tak skal du have. Jeg må også gå til ro nu.

jeg kigger på det i morgen - måske er det årsagen, du har fundet..
Avatar billede alister_crowley Nybegynder
17. februar 2005 - 00:31 #14
Avatar billede theofilos Nybegynder
17. februar 2005 - 22:07 #15
Problemerne med Mozilla er løst. Se http://www.marslev-birkende.dk/salmecd/testside.html

Men hvad med html/CSS-valideringsprogrammet? Bruger alle det link, du har nævnt, Alister?
Avatar billede Slettet bruger
17. februar 2005 - 22:49 #16
Hvis du bruger FF 1.0 er det nemmest at validerer med et programmodul installeret i FF, du kan findet det her.
http://www.chrispederick.com/work/firefox/webdeveloper/
eller direkte download/install
http://www.chrispederick.com/work/firefox/webdeveloper/download/

Du starter blot FF, klikker indsætter ovennævnte link til direkte download - klikker på Web Developer for Firefox så kommer der en rude op hvor du bare skal trykke i instaler nu når denne bliver highlightet.

Så nemt er det - du skal genstarte FF så har du en ny menu med mange muligheder og der kan du efter at have koldt din side http://www.marslev-birkende.dk/salmecd/testside.html - under TOOLs Validere dine script.

Nu har jeg ikke set hvad du har lavet om, siden vi skrev sammen i går.
Det må du lige uddybe

~ibtage~
Avatar billede theofilos Nybegynder
17. februar 2005 - 22:58 #17
Årh, jeg har såmænd bare brugt en anden CSS-kode... En fra en skabelon på nettet - og med lidt ændringer, så Vupti...

Der skal åbenbart ikke meget til, før koden opfattes forskelligt af forskellige browsere.

Nu skal jeg have sat en ordentlig mp3-streaming-afspillefunktion ind på siden, og så er den næsten færdig.

Tak for validerings-plug-inn'et til Mozilla.. Det er jo alletiders!

Vil du lige skrive mig et "svar" - så jeg kan give dig points?
Avatar billede Slettet bruger
17. februar 2005 - 23:03 #18
Tillykke - ja det er utroligt så meget tid man kan bruge på en "bitte" fejl.

og så mit svar
Avatar billede theofilos Nybegynder
17. februar 2005 - 23:06 #19
Tak for svaret.

Jeg har allerede installeret valideringsprogrammet i FF.. Det er simpelthen herligt! Der var liiiiige en enkelt fejl - en klassiker: manglende alt="" i en img-tag.

Her har du dine points.
Avatar billede Slettet bruger
17. februar 2005 - 23:07 #20
Ja så lige hvis du ikke vil have Web Developer Tolbar fremme hele tiden kan den slås fra/til onder vis/værktøjslinier.

Du vil opdage at det er et fantastisk stykke værktøj, hvis du sætter dig lidt ind i det, men det er så simpelt at det ikke kræver nogen manual, jeg har da endnu ikke haft brug for den.
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