---

Hej.
Hvorfor sætter FF linier om jpg billeder - venstre side og top?
Opera og IE gør det ikke.

Se problemet her (med FF):
http://www.ranunkelvej.com/xtke.php

--
Karl Erik.

---

Den Sat, 22 Aug 2009 19:51:18 +0000 skrev Karl Erik Christensen:

> Hej.
> Hvorfor sætter FF linier om jpg billeder - venstre side og top? Opera og
> IE gør det ikke.
>
> Se problemet her (med FF):
> http://www.ranunkelvej.com/xtke.php

Hov - det sker når billedets dimensioner ændres. Men hvorfor - og kan det
undgås?

--
Karl Erik.

---

Karl Erik Christensen skrev:
> Den Sat, 22 Aug 2009 19:51:18 +0000 skrev Karl Erik Christensen:

>> Hvorfor sætter FF linier om jpg billeder - venstre side og top? Opera og
>> IE gør det ikke.
>>
>> Se problemet her (med FF):
>> http://www.ranunkelvej.com/xtke.php
>
> Hov - det sker når billedets dimensioner ændres. Men hvorfor - og kan det
> undgås?

Hos mig ser det ens ud i Opera og Firefox.

Kan du måske uddybe lidt, hvad du mener - f.eks. med ændringer af
dimensioner på jpeg? Måske et screen-shot af problemet..

For god ordens skyld, mine browsere + versionsnummer:

Opera Version 9.64
Firefox Version 3.5.2


MVH
Rune Jensen

---

Den Sat, 22 Aug 2009 22:21:07 +0200 skrev Rune Jensen:

> Hos mig ser det ens ud i Opera og Firefox.
>
> Kan du måske uddybe lidt, hvad du mener - f.eks. med ændringer af
> dimensioner på jpeg? Måske et screen-shot af problemet..
>
> For god ordens skyld, mine browsere + versionsnummer:
>
> Opera Version 9.64
> Firefox Version 3.5.2
>
>
> MVH
> Rune Jensen

Hej Rune.

FF 3.0.13 Ubuntu.

Problemet opstår når jeg scalerer et jpg, eks:
<img class="billede2" style="width: 162px; height: 309px;" alt="cmt-k12"
src="grafik/cmt-f12_baf.jpg" />

Men hvis jeg i stedet bruger Gimpen og scalerer til nyt billede, er der
ingen problemer. Wiered?

--
Karl Erik.

---

Karl Erik Christensen skrev:

> FF 3.0.13 Ubuntu.

Jeg har ikke selv Linux (desværre), så jeg tog den på totalvalidator.
Men jeg kan ikke se, der er nogle streger der i siden. Det ligner siden
i Opera ret nøjagtigt.

> Problemet opstår når jeg scalerer et jpg, eks:
> <img class="billede2" style="width: 162px; height: 309px;" alt="cmt-k12"
> src="grafik/cmt-f12_baf.jpg" />

Når problemet opstår - bruger du så i koden andre størrelser, end
billedets egne (højreklik på billedet på hjemmesiden, tag "egenskaber",
og de skal svare til height og width i HTML, evt. CSS for det billede)?
Jeg har aldrig oplevet, det skulle betyde noget - f.eks. har jeg en side
med et billede, som har em i height og width i CSSen, sådan billedet
skalerer i IE6 med tekststørreslen, og det virker fint. Men det er
uautoriseret/ikke standard (hvilket jeg også har fået at vide). Så hvis
billedet er f.eks. 200width X 100height px, skal de størrelser også
bruges i height og width - hvis det skal være korrekt.

> Men hvis jeg i stedet bruger Gimpen og scalerer til nyt billede, er der
> ingen problemer. Wiered?

Mener du så, du giver en ny størresle på billedet - som du så også
bruger i HTMLen? Jeg har som sagt ikke oplevet problemer med at lade
browseren skalere billedet (bortset fra en lidt ringere billedkvalitet),
men umiddelbart har jeg ingen andre idéer, end at det er årsagen.

Det ville være alle tiders, om én med Linux kunne bekræfte problemet...


MVH
Rune Jensen

---

Rune Jensen skrev:
> Karl Erik Christensen skrev:

>> Problemet opstår når jeg scalerer et jpg, eks:
>> <img class="billede2" style="width: 162px; height: 309px;"
>> alt="cmt-k12" src="grafik/cmt-f12_baf.jpg" />
>
> Når problemet opstår - bruger du så i koden andre størrelser, end
> billedets egne

I Firefox, der kan man vise billedet, og så få egenskaber og om billedet
har de "korrekte" størrelser. Jeg får for

http://www.ranunkelvej.com/grafik/XT612mod.jpg

...disse data:

327px × 718px (skaleret til 227px × 498px)

Læg mærke til, den siger "skaleret til".

Du har dette HTML/style for det image:

<p><img class="billede1" src="grafik/XT612mod.jpg" alt="xtke"
style="width: 227px; height: 498px;" /></p>

Virker det, dvs. uden fejlen med stregerne, hvis du ændrer det til:

<p><img class="billede1" src="grafik/XT612mod.jpg" alt="xtke"
style="width: 327px; height: 718px;" /></p>

...som er billedets reelle størrelse..

ELLER hvis du i GIMPen ændrer billedets størrelse til
width: 227px X 498px

...som du har nu i din HTML/CSS inline style???

I så fald, så er det fordi du lader browseren skalere billedet (selv om
jeg ikke selv troede det ville være så stort et problem). Men browsere
er altså ikke vildt gode til skalering, og de er heller ikke rigtigt
beregnet til det..

I modsat fald, så kan jeg nok ikke hjælpe meget mere, men jeg vil da
gerne følge andres meninger om det.


MVH
Rune Jensen

---

Rune Jensen har bragt dette til os:
> Rune Jensen skrev:
8X
> I modsat fald, så kan jeg nok ikke hjælpe meget mere, men jeg vil da gerne
> følge andres meninger om det.
>
>
> MVH
> Rune Jensen

Jeg sætter aldrig størrelser i <img> tag.
Jeg lægger dem i den rigtige størrelse på serveren, og lader browseren
selv finde ud af det. Ved godt det koster en smule mere trafik - men
det er småting sammenlignet med at hente hele sider, for at undgå js
menuer.
Er der brug for skalering - hvis samme img tag skal vise forskellige
billeder, bruger jeg max-width og/eller max-height i css. Browseren har
så friere hænder til taggets størrelse - og jeg har aldrig fået streger
af den grund.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Birger Sørensen skrev:

> Jeg sætter aldrig størrelser i <img> tag.
> Jeg lægger dem i den rigtige størrelse på serveren, og lader browseren
> selv finde ud af det.

Spørgsmålet er, om det en nødvendighed mere at angive height og width i
HTML - jeg tænker nok også på, hvad der anbefales.. men jeg er for træt
nu til at konsultere standarden.

> Ved godt det koster en smule mere trafik - men det
> er småting sammenlignet med at hente hele sider, for at undgå js menuer.

Du mener AJAX? ;)

> Er der brug for skalering - hvis samme img tag skal vise forskellige
> billeder, bruger jeg max-width og/eller max-height i css.
> Browseren har
> så friere hænder til taggets størrelse - og jeg har aldrig fået streger
> af den grund.

Det bør man vel heller ikke få - måske det er en beregningsfejl ved
skalering i Linux Firefox, at der i nogle tilfælde kommer de streger,
når de ikke hører til billedet ...

Jeg har kigget her, de er som regel opdaterede, men kunne ikke lige
finde det..
http://www.positioniseverything.net/



MVH
Rune Jensen

---

Rune Jensen wrote:

> Spørgsmålet er, om det en nødvendighed mere at angive height og width i
> HTML - jeg tænker nok også på, hvad der anbefales.. men jeg er for træt
> nu til at konsultere standarden.

Hvis du vil give en god oplevelse til dine brugere, så synes jeg du skal
angive height og width i HTML'et.

Der sker det, at browseren ikke aner hvor meget plads, der skal afsættes, og
hentning af <img> sker senere, da det først er efter parsing af HTML'et,
den 'ved' hvad den skal hente.

På min (måske lidt ældre maskine), sker der det, at siden bliver renderet,
men efterhånden som images dukker op, re-renderer den siden, så den hopper
lidt(rigeligt).

Det værste eksempel er nok:
<http://www.computerworld.dk/nyheder>
hvor alle 'afsnit' bliver renderet, med efterhånden som images dukker op,
ændrer den udseende.

Prøv evt. at finde en maskine, der er en anelse langsommere end det sidste
nye, og se effekten.

STYGT - ja, men det burde være et eksempel på hvordan man IKKE skal gøre
det.

--
Med venlig hilsen
Stig Johansen

---

Karl Erik Christensen wrote in dk.edb.internet.webdesign.html:
> Den Sat, 22 Aug 2009 22:21:07 +0200 skrev Rune Jensen:

>
> Problemet opstÃr nÃr jeg scalerer et jpg, eks:
> <img class="billede2" style="width: 162px; height: 309px;" alt="cmt-k12"
> src="grafik/cmt-f12_baf.jpg" />
>
> Men hvis jeg i stedet bruger Gimpen og scalerer til nyt billede, er der
> ingen problemer. Wiered?

Er din "border" integreret i billedet? I så fald kan jeg muligvis komme på
en ting eller to (pixelerering evt)...
Ellers er jeg dog lidt...blank :|


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Den Sat, 22 Aug 2009 23:02:36 +0200 skrev Rune Jensen:

> Karl Erik Christensen skrev:
>
>> FF 3.0.13 Ubuntu.
>
> Jeg har ikke selv Linux (desværre), så jeg tog den på totalvalidator.
> Men jeg kan ikke se, der er nogle streger der i siden. Det ligner siden
> i Opera ret nøjagtigt.
>
>> Problemet opstår når jeg scalerer et jpg, eks: <img class="billede2"
>> style="width: 162px; height: 309px;" alt="cmt-k12"
>> src="grafik/cmt-f12_baf.jpg" />
>
> Når problemet opstår - bruger du så i koden andre størrelser, end
> billedets egne (højreklik på billedet på hjemmesiden, tag "egenskaber",
> og de skal svare til height og width i HTML, evt. CSS for det billede)?
> Jeg har aldrig oplevet, det skulle betyde noget - f.eks. har jeg en side
> med et billede, som har em i height og width i CSSen, sådan billedet
> skalerer i IE6 med tekststørreslen, og det virker fint. Men det er
> uautoriseret/ikke standard (hvilket jeg også har fået at vide). Så hvis
> billedet er f.eks. 200width X 100height px, skal de størrelser også
> bruges i height og width - hvis det skal være korrekt.
>
>> Men hvis jeg i stedet bruger Gimpen og scalerer til nyt billede, er der
>> ingen problemer. Wiered?
>
> Mener du så, du giver en ny størresle på billedet - som du så også
> bruger i HTMLen? Jeg har som sagt ikke oplevet problemer med at lade
> browseren skalere billedet (bortset fra en lidt ringere billedkvalitet),
> men umiddelbart har jeg ingen andre idéer, end at det er årsagen.
>
> Det ville være alle tiders, om én med Linux kunne bekræfte problemet...
>
>
> MVH
> Rune Jensen

Ja Rune, det er hvis jeg synes at billedet er for stort, og så skalerer
det ned med html.

Jeg ved nu at problemet er relateret til FF på Linux (som jeg skiftede
til for 5-6 år siden).

Det er for øvrigt bedre at lave indlæg her, end at optimere til Google.
Siden mit indlæg for et par timer siden, har jeg haft mindst 15 besøgende
+ en fra Miami og en fra Skotland
Så en hilsen til vore landsmænd i det fremmede

--
Karl Erik.

---

Den Sun, 23 Aug 2009 00:14:22 +0200 skrev Rune Jensen:

> Rune Jensen skrev:

> I Firefox, der kan man vise billedet, og så få egenskaber og om billedet
> har de "korrekte" størrelser. Jeg får for
>
> http://www.ranunkelvej.com/grafik/XT612mod.jpg
>
> ..disse data:
>
> 327px × 718px (skaleret til 227px × 498px)
>
> Læg mærke til, den siger "skaleret til".
>
> Du har dette HTML/style for det image:
>
> <p><img class="billede1" src="grafik/XT612mod.jpg" alt="xtke"
> style="width: 227px; height: 498px;" /></p>
>
> Virker det, dvs. uden fejlen med stregerne, hvis du ændrer det til:
>
> <p><img class="billede1" src="grafik/XT612mod.jpg" alt="xtke"
> style="width: 327px; height: 718px;" /></p>
>
> ..som er billedets reelle størrelse..
>
> ELLER hvis du i GIMPen ændrer billedets størrelse til width: 227px X
> 498px
>
> ..som du har nu i din HTML/CSS inline style???
>
> I så fald, så er det fordi du lader browseren skalere billedet (selv om
> jeg ikke selv troede det ville være så stort et problem). Men browsere
> er altså ikke vildt gode til skalering, og de er heller ikke rigtigt
> beregnet til det..
>
> I modsat fald, så kan jeg nok ikke hjælpe meget mere, men jeg vil da
> gerne følge andres meninger om det.
>
>
> MVH
> Rune Jensen

Ja, i begge tilfælde virker det (altså uden streger).

Jeg har skaleret et par af billederne i Gimpen, allerede

Tak for din interesse.

--
Karl Erik.

---

Den Sun, 23 Aug 2009 11:12:29 +0200 skrev Stig Johansen:

> Hvis du vil give en god oplevelse til dine brugere, så synes jeg du skal
> angive height og width i HTML'et.
>
> Der sker det, at browseren ikke aner hvor meget plads, der skal
> afsættes, og hentning af <img> sker senere, da det først er efter
> parsing af HTML'et, den 'ved' hvad den skal hente.
>
> På min (måske lidt ældre maskine), sker der det, at siden bliver
> renderet, men efterhånden som images dukker op, re-renderer den siden,
> så den hopper lidt(rigeligt).
>
> Det værste eksempel er nok:
> <http://www.computerworld.dk/nyheder> hvor alle 'afsnit' bliver
> renderet, med efterhånden som images dukker op, ændrer den udseende.
>
> Prøv evt. at finde en maskine, der er en anelse langsommere end det
> sidste nye, og se effekten.
>
> STYGT - ja, men det burde være et eksempel på hvordan man IKKE skal gøre
> det.

Næsten alle der beskriver hvad der sker når en browser læser et html
dokument, fortæller at den starter ved <html> og så fortsætter linie for
linie, til den når </html>.

Det kan godt være at IE3/4 og hedengangne Netscape gjorde sådan, men de
browsere vi bruger i dag "hopper" rundt i dokumentet.

En anden faktor er vel også grafikkortets evne til at omsætte
informationerne til billeder, og hastigheden det arbejder ved?

Grunden til at jeg ynder at angive højde og bredde i html er, at læseren
kan højreklikke på billedet for at få det vist i fuld størrelse _uden_
jeg behøver at installere et decideret galleri program på min hjemmeside.

--
Karl Erik.

---

Karl Erik Christensen skrev:

> Grunden til at jeg ynder at angive højde og bredde i html er, at læseren
> kan højreklikke på billedet for at få det vist i fuld størrelse _uden_
> jeg behøver at installere et decideret galleri program på min hjemmeside.

Hvis man ser bort fra bagdelene i, at brugeren henter mere ned, end hun
skal bruge, hvis hun ikke ser billedet i fuld størrelse, så bør det
altså også virke. I modsat fald må der være en egentlig fejl i browseren
(som man så ikke rigtigt kan brokke sig over, da den ikke er beregnet
til skalering)

Men f.eks. hvis du har et billede, som er reel størrelse:

200 X 400

og du lader browseren skalere til:

100 X 200

...så er der ingen afrundinger nogen steder, der kan ikke laves
beregningfejl på sådanne halveringer uden rest (siger min logik), det
burde derfor ikke kunne gå galt (men gør det så nok alligevel i lige den
browser).


MVH
Rune Jensen

---

Den Sun, 23 Aug 2009 13:40:40 +0000 skrev Karl Erik Christensen:

> Grunden til at jeg ynder at angive højde og bredde i html er, at læseren
> kan højreklikke på billedet for at få det vist i fuld størrelse _uden_
> jeg behøver at installere et decideret galleri program på min
> hjemmeside.

Eller som FrontPage kunne engang, lave miniature som der kunne klikkes på
for at få vist fuld størrelse (det kan den måske stadig - hvis den
eksisterer )

--
Karl Erik.

---

Den Sun, 23 Aug 2009 19:55:20 +0200 skrev Rune Jensen:

> ..så er der ingen afrundinger nogen steder, der kan ikke laves
> beregningfejl på sådanne halveringer uden rest (siger min logik), det
> burde derfor ikke kunne gå galt (men gør det så nok alligevel i lige den
> browser).
>
>
> MVH
> Rune Jensen

You got a point, dear Rune

Det har jeg ikke tænkt på. Det kan selvfølgelig være, - ikke fejl, men
skaleringer der ikke er "hele". Hvordan vises 0,625 pixel?

Men så kommer $10.000 spørgsmålet: Hvorfor kun i FF til Linux? - det er
lige vand på Windows-folkets mølle.

--
Karl Erik.

---

Karl Erik Christensen wrote:

> Men så kommer $10.000 spørgsmålet: Hvorfor kun i FF til Linux? -

Jeg har været ved at skrive en bemærkning om, at der kan være forskel på
Windows og Linux versionen.

Alle programmer bruger underliggende widgets, som de vistnok hedder, altså
fundamentale kontroller.

Disse widgets vil aldrig være ens på tværs af OS'er, så FF til windows og FF
til Linux vil aldrig være 100% identiske.

--
Med venlig hilsen
Stig Johansen