Problemer med visning i IE!

[ElBarto]

Hei!

 

Jeg er ikke så veldig flink på hverken HTML eller CSS, men har i alle fall prøvd å lage en hjemmeside. Problemet er at resultatet blir helt feil i IE. Jeg har validert all koden, så det skal være i orden. Må rett å slett være noe jeg gjør feil.

Noen som kan hjelpe meg med problemet?

 

Hjemmesiden

 

Mvh

ElBarto

[834HF42F242]

Validert kode trenger ikke bety god kode.

Det er veldig vanskelig å se helheten i koden din uten å sette seg ned og bruke litt tid på å se gjennom den. Du er offer for IE som ikke alltid leser ting på samme måte som andre lesere.

 

Bruker du et program til å generere kodene med, eller lager du kodene selv?

 

Mitt beste tips til deg er at du må sjekke IE, Fiefox og Opera kontinuerlig for hver nye bit du legger til dokumentet ditt. Begynn med toppen og bygg deg nedover. Når du møter første problem, si ifra her i denne tråden, så vil du få hjelp.

[ElBarto]

Validert kode trenger ikke bety god kode.

Det er veldig vanskelig å se helheten i koden din uten å sette seg ned og bruke litt tid på å se gjennom den. Du er offer for IE som ikke alltid leser ting på samme måte som andre lesere.

 

Bruker du et program til å generere kodene med, eller lager du kodene selv?

 

Mitt beste tips til deg er at du må sjekke IE, Fiefox og Opera kontinuerlig for hver nye bit du legger til dokumentet ditt. Begynn med toppen og bygg deg nedover. Når du møter første problem, si ifra her i denne tråden, så vil du få hjelp.

7161132[/snapback]

Jeg er klar over at kodinga mi ikke er særlig god, tviler på at den er spesielt riktig og, men det får uansett holde.

 

Jeg har laget koden selv, i Dreamweaver.

 

Ok, nå har jeg prøvd å ta bort mesteparten av koden, sånn at problemet kommer klarere fram.

 

Hjemmesiden

 

Som dere ser, er det store mellomrom, hvis du ser på det i IE. De skal altså ikke være der.

 

Hvordan kan jeg få ordnet dette?

 

Link til CSS-koden

 

Håper det er noen som kan hjelpe!

[834HF42F242]

Først og fremst: Fjern

border="0"

fra HTML-kodene, og plasser

img {
    border: 0;
}

i CSS.

 

Prøv å endre links i CSS til dette:

 

div.links
{
width: 700px;
display: inline;
float: left;
margin-top: 0;
margin-bottom: 0;
}

 

Jeg har fortsatt ikke sett grundig over kodene dine...

[funkweb]

Hva med å legge til en universal selector?

 

slik:

 

* { padding: 0; margin: 0; }

[ElBarto]

Takk for hjelpen.

 

Men, ingen av delene funket.

Så, ja..

[funkweb]

Anbefaler deg å heller ha disse <img> dine beskrevet i CSS enn i HTML.

Dvs. ting som skal være fast hele tiden.

 

f.eks banneret ditt, bakgrunnen til linkene, hovedvinduet, footer.

 

Bruk <li> list til navigasjonen din.

[ElBarto]

Okei, skal endre på det.

TakK!

 

Men, det løser nok fortsatt ikke problemet mitt.

 

Flere gode råd, og en løsning på problemet, tas imot med takk.

[funkweb]

Du burde endre det først, så teste på nytt.

Hvem vet at det er derfor det skjer sånn uten at jeg har tatt en nærmere titt på koden.

 

Edit:

Asså jeg prøver å fortelle deg at slike ting hører hjemme i CSS. ikke hos HTML når du designer en side med bilder(design).

Endret 27. oktober 2006 av funkweb

[ElBarto]

Du burde endre det først, så teste på nytt.

Hvem vet at det er derfor det skjer sånn uten at jeg har tatt en nærmere titt på koden.

 

Edit:

Asså jeg prøver å fortelle deg at slike ting hører hjemme i CSS. ikke hos HTML når du designer en side med bilder(design).

7163270[/snapback]

Ja, hyggerlig det. =)

 

Hvordan får jeg alt="" i CSS koden?

 

img {

border: 0;

}

 

Skal ordne <li> i navigasjonen.

[funkweb]

Altså, tror ikke du skal ha f.eks bakgrunn bilde som skal ha alt=""

Da tenker jeg på generelt designen.

 

Alt="" kan godt brukes hvis du skal publisere noe bilder, eventuelt banner bilde... osv...

Endret 27. oktober 2006 av funkweb

[ElBarto]

Okei, da dropper vi det. Det var bare den valideringa som ville at jeg skulle ha den med.

 

Men, nå prøvde jeg meg med sånn <li>, å uhm.. jeg føkker bare opp enda mer jeg.

 

Fortsatt her

 

Edit: Feil i linken. Rettet opp.

Endret 27. oktober 2006 av ElBarto

[funkweb]

Horisontalt / vertikalt meny

[ElBarto]

Horisontalt / vertikalt meny

7164206[/snapback]

 

Okei, nå har jeg fått til det delvis i alle fall, men fortsatt noe feil. =(

Er litt rådvill, vet ikke hva jeg skal gjøre. Prøvd å lete og lese, men.. ja.

[834HF42F242]

Altså, tror ikke du skal ha f.eks bakgrunn bilde som skal ha alt=""

Da tenker jeg på generelt designen.

 

Alt="" kan godt brukes hvis du skal publisere noe bilder, eventuelt banner bilde... osv...

7163629[/snapback]

Alternativ tekst skal _alltid_ brukes på bilder med img-tag i markup. Og det _skal_ stå noe mellom "".