Hjemmeside ser forskellig ud fra browser til browser

Hvis det drejer sig om http://attilabasket.dk/kontakt.html så kan store dele af det meget vel skyldes manglende doctype (hvilket disabler store dele CSS) og invalid kode (se http://validator.w3.org/check?uri=http%3A%2F%2Fattilabasket.dk%2Fkontakt.html&charset=%28detect+automatically%29&doctype=Inline&group=0 )

Hvis du retter op på de "par" fejl og der stadig er forskelle du ikke kan gennemskue vil det give mening for os at komme med nærmere forslag.

Flot layout på hjemmeside.

Selve din overskrift giver hovedpine til mange, mange mennesker, hver dag. Jeg må desværre skuffe dig, når jeg skriver at der bare er forskel på hvordan forskellige browsere viser hjemmesider - selv med 100% valideret kode (f.eks. IE fortolker reglerne på en helt anden måde end W3 forskriver).

I dit tilfælde har du dog glemt at fjerne noget HTML-kode. Du har bl.a. en ekstra FORM-tag, der ikke bliver brugt.
Ændre det til følgende:
<p>Beskeden bliver sendt til klubmailen <a href="mailto:post@attilabasket.dk">post@attilabasket.dk</a>. <br />
Hvis du gerne vil kontakte en bestemt person, så kig under Om Klubben.</p>

Hvad angår din FormMail er jeg bekymret for, om den er modtagelig for "Form Mail Injections". Send en mail til dig selv og kig på kildekoden for mail; hvis der ikke er en blank linie mellem linien "Subject: ..." og første linie af mailens indhold, kan man udnytte din hjemmeside til at sende spam. Spørg endelig, hvis du er i tvivl.

keysersoze, mange tak for den hjemmeside. Den hjælper meget har jeg lige fundet ud af.
Jeg er ikke lige den store HTML/CSS ekspert, så derfor er der nok en del fejl på den hjemmeside.
Skal nok rette de fleste fejl, men jeg har 2 årsprøver og en fremlæggeæse jeg skal øve mig til på denne uge, så derfor kan jeg ikke rigtig lave meget på hjemmesiden i denne uge.

Glemte også at nævne: Helst ikke nævne hjemmesiden:) Ellers kommer spørgsmålet ind på Google resultater og det vil jeg helst undgå.

mrgumble, jeg er meget glad for at du giver feedback. Hele hjemmesiden har fejl. Hvis du gerne vil give ideer til hele hjemmesiden, så ville det være meget SUPER.
Fx. overskriften. Hvad synes du at den skal hedde istedet?
Nu er det Kontakt siden jeg tog et eksempel som, men den har også de fleste fejl.

Jeg har rettet fejlen med det som du skrev. Det virkede:).
Mange tak.
Der er stadig en hel del fejl, som jeg er meget utilfreds med.

Jeg har også tænkt over med det der spam mails, men indtil videre er der ikke blevet sendt nogen spam mails. Ellers har jeg en anden FormMail, som jeg har tilføjet under "Indmeldelse". Den er også meget god. Der er sikkerhedskode med.

Vil gerne lave alle de ting, men jeg har desværre 2 årsprøver og en fremlæggelse jeg skal have forberedt mig til.
Kan det til på fredag hvis det er i orden med jer?

Hej

Tingene ser fine ud, det tekniske behøver du ikke rode med, hvis det ikke giver problemer.
Som nogle gode hjemmesider, vil jeg anbefale dig html.dk og http://w3schools.com/. Ved sidstnævnte kig til venstre og se "Learn HTML"/"XHTML"/"CSS"/... Der er også referencelister for alt der vedrører webudvikling. :)

Brug du hellere tiden lige nu på dine eksamener og leg videre med hjemmesiden. Hvis du får nogle konkrete problemer, som du ikke kan løse, er du velkommen til at spørge igen her på stedet.

/Stefan

PS. Hvad angår spam, så kan du ikke nødvendigvis se det, hvis din FormMail bliver misbrugt.

det er ikke vores hjemmeside, så hvor lang tid du bruger på ændringerne er helt op til dig :)

Heh, mange tak i to:)

Nu forstår jeg hvad du mente med spam-mails. Du mente at man kan bruge hjemmesidens FormMail til at sende spam-mails til alle tilfældige. Jeg troede at den sender kun til klubbens mail.

Er det i orden at i venter til på fredag? Der oplyser jeg alle de ting jeg er utilfreds med og ser lige hvad man kan gøre ved de fejl.

Hey igen:)

Tak for jeres ventetid.

Jeg har undersøgt hjemmesiden og jeg har fundet de her ting, jeg gerne vil lave om på:

1. Der er nogen hvide prikker/punkter mellem knapperne i menuen. Man kan kun se dem på IE, ikke Firefox.
Dem vil jeg gerne af med:)

2. Jeg vil gerne lave skrifttypen om til Calibri, men den findes ikke på WebCreator. Har i nogen ideer til hvordan jeg kan tilføje den skrifttype?

3. Sidebar farven kan ikke ses på XP. Jeg har lavet den til lysegrå, men jeg kan ikke se det på XP. Kun Vista.

4. Den nederste linje/TABLE kan ikke ses på Vista, kun på XP.

Der er flere ting, men jeg tror faktisk at jeg kan fixe dem.

Så ser vi lige efter det, om der er flere fejl.:)

taler vi stadig den kontakt-side jeg tidligere linkede til? Eller ligger den et nyt sted?

Det er hele hjemmesiden de her problemer opstår. På alle sider.
Hvis man retter de her ting på en side, så ved man også hvordan man retter dem på alle sider.

Kontakt siden er ikke flyttet. Den er der stadig.

Mvh. egzonrh

Men har du overhovedet foretaget noget siden vores første indlæg? Der er stadig ingen doctype og masser af HTML-fejl? Før det ting kommer på plads vil det være så godt som irrelevant at begynde at rette op på de visuelle fejl.

Sådan ser det ud når jeg tilføjer Doctype til Kontakt siden:
http://img29.imageshack.us/img29/3326/unavngiveth.png

Nu har ImageShack også lavet billedet mindre:(

Tingene bliver flyttet rundt omkring midten. Når jeg åbner WebCreator, så ser tingene mere anderledes end de gør på selve hjemmesiden. De er endnu mere flyttet og flere ting er ændret.

Det er også lidt svært at rette de fejl, der står på hjemmesiden, når man ikke er god til CSS/HMTL redigering
Men jeg kan prøve at rette den jeg kan finde ud af.

Men en ting har jeg løst. Jeg har lavet en ny FormMail med sikkerhedskode. Nu er det slut med spam mails.
Nu skal man også give lidt penge for at fjerne linket helt nederst på lovlig vis, så den også ikke fylder meget.

Her er de tegn på fejl, der står på Kontakt siden:
<
/
#
6
"
>

Jeg forstår ikke rigtig, hvad jeg skal gøre med dem?

Hvis du også prøver at tjekke Nyheder siden med fejl, så ser du at tegnet # er nævnt de fleste gange.
Det er små fejl, men jeg kan ikke rigtig forstå hvordan jeg helt skal rette dem.

DOCTYPE er kun en lille del af det - men i den grad vigtig. Når doctypen er på kan du i betydelig højere grad regne med at din CSS tolkes rigtigt og så kan du begynde at sørge for at din HTML også er korrekt. Sidst jeg kiggede var der lidt over 40 fejl og det er altså mange på en så relativ lille side.

Jeg kender ikke WebCreator - men det er ikke den du skal gå ud fra når siden skal vurderes, det er en rigtig browser du skal benytte og ikke bare én men flere forskellige.

Hvis du er i tvivl om hvad fejlene fra validatoren betyder så spørg - dog er mange af dem ret indlysende, nemlig attributter der ikke er valide at benytte (fx BORDERCOLOR og HEIGHT) eller mangler at blive indsat (fx ALT og SRC).

Jeg ved at det kan være en pine at læse mine kommentarer i stedet for at jeg giver dig en løsning - problemet er bare, at en løsning er irrelevant og måske endda umulig før de nævnte ting er i orden.

Du skal lægge mærke til fejlmeddelelsen - ikke hvad der er markeret med rødt.

Jeg ved godt at du prøver at hjælpe mig på den gode måde, men jeg skal desværre have en lille skub.

Jeg har lagt mærke til at fejlmeddelelsen siger hvad problemet er, men den siger ikke hvad man skal gøre.
Ikke direkte i hvertfald. Men den fortæller hvad problemet er.

Kan du prøve at forklare lidt hvad jeg skal gøre med fx ALT + SCR? Skal jeg bare tilføje dem før/efter tegnet >

Jeg skal lige understrege at jeg ikke har meget forstand på HTML redigering, men dog kan jeg forstå princippet og redigere de nemme ting.

er img-tag skal have attributterne alt og src for at være valide - dette er no-go

<img width=1 height=1>

dette er valid (ved html4)

<img src="billede.jpg" alt="">

Jeg har glemt at fortælle, at jeg har downloaded en skabalon fra one.com og derefter har jeg redigeret det med min design, som du ser nu.
Det kan måske være derfor at der er mange problemer.
one.com har 2 redigerings applikationer:
FileManager, som er en Webspace og kan også redigere HTML sider.
WebCreator bruges til at redigere selve hjemmesidens design osv.

Jeg forstår desværre ikke så meget af det du lige har skrevet:(
Jeg kan se at du har skreven "<img src="billede.jpg" alt=""> ", men jeg kan ikke rigtig sammeligne det med det der står på Kontakt.html

Jeg har prøvet at tilføje DOCTYPE. Først var der 53 problemer, så efter DOCTYPE var der 250 problemer.

Jeg kan se at DOCTYPE er vigtigt, men tingene bliver helt ændret. Også på WebCreator IE, og Firefox.

Jeg har fundet ud af hvordan man fjener de hvide punkter mellem knapperne på menuerne, som kun ses på IE.

Man fjener dem grafisk med WebCreator. Man markere dem med mussen og trykker DELETE.

Der er kun et problem. De gendanner sig automatisk, da det er en one.com skabalon.

Det jeg skrev var, at et img-tag SKAL have attributterne alt og src - height og width er optional men dog stadig valide. Eksemplet var taget fra nyhedssiden.

Jeg er virkelig forvirret.

Kan du lave to eksempler her i nyhedssiden:
Line 104, Column 26: required attribute "ALT" not specified
<P><IMG src="/Header.jpg"></P></TD></TR></TBODY></TABLE>

Line 109, Column 288: required attribute "SRC" not specified
width: 2px"><img width=1 height=1></td><td style="background: url(/images/

Jeg har prøvet at tilføje DOCTYPE "HTML 4.01 - Strict, Transitional, Frameset: "
Tingene ændrer sig ikke så meget, men det er ikke det støreste problem. Ligeså snart jeg redigere i WebCreator, så bliver DOCTYPE slettet fra HTML koden.

<img src="/Header.jpg" alt="">

<img src="/blank.gif" width="1" height="1">

Hvis doctype slettes er det en elendig editor - og så bliver det for alvor svært at lave en side der ser ens ud i forskellige browsere.

Ja, det må være en dårlig editor.
Men det er ikke alt. Når jeg tilføjer DOCTYPE via html editor, så kommer der 100 flere problemer på den hjemmeside.

Fik jeg egentlig nævnt at der ikke er CSS filer på hjemmesiden?
Der er fx kun kontakt.html og billeder der bruges til at fuldføre web designet.

Jeg har også kigget på Youtube's kildekode. De bruger også DOCTYPE.

Men jeg tror vi lader det bare være. Jeg har sendt en mail om til one.com support, om de kan hjælpe mig med den her problem. Så må vi bare håbe på at de kan.

Men det er også godt at der ikke er meget forskel på browserne.
Der er de prikker som kun ses på IE. Nederste linje ses ikke på Vista. Og så er der ikke rigtig meget mere forskel.
Jeg har også tilføjet FormMail med sikkerhedskode. Den er også vigtig.

mrgumble har hjulpet mig med den mellemrum der ses på Firefox og ikke på IE.

Skal vi ikke sige at det var det. I har begge hjulpet mig. Skal nok stadig prøve at tilføje DOCTYPE.

Men ellers siger jeg tak til jer begge to.
Da i begge to har hjulpet, så er det bedst at dele pointene.

egzonrh

one.com support har sagt at WebCreator ikke er beregnet til at pille ved skabaloner man har hentet fra deres side.
Altså lave designet helt om og tilføje DOCTYPE

Dvs. Den sletter hele tiden DOCTYPE.

Men de har skrevet at der findes en lignende program, som hedder nvu fra http://www.net2.com/nvu/
Den burde ikke kunne slette DOCTYPE.
Vi må se..

I sender bare svar.

du har allerede uddelt point - så lidt sent at sende svar.

Mente at man stadig kunne acceptere svar:S

Men hvis det er i orden med mrgumle, at han laver et nyt spørgsmål med 100 point til dig?

selvfølgelig er det i orden - for der må jo ikke uddeles mere end 200 point pr spørgsmål... men det kræver sselvfølgelig at mrgumle kan og vil se idéen i at gøre det.