---

Hej NG

Jeg har lige idag været inden og besøge en gammel arbejdsplads og
de beskæftiger sig med layout. Men det var mest for at få en
vurdingen af siden. Så da vi så siderne igennem opdagede jeg at
denne her side ikke så ud som hjemme på min egne PC.
http://sandvadnyt.dk/legepladsdag2009.html
I IE da stod billederne for sig selv og med teksten i bunden, nu
glemte jeg at spørge om hvilken IE version de brugte. I Firefox
står det som der skal bort set fra at nogle steder løber teksten
nedover billederne.
Men vi var inde og kigge på kildekoden og den så rigtig nok ud
fik jeg besked på.
Hvordan fikser jeg det at uanset på den nemmeste måde.

Mvh.

Kim

--
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

---

Kim Schmidt Wind skrev:

> http://sandvadnyt.dk/legepladsdag2009.html
> I IE da stod billederne for sig selv og med teksten i bunden, nu
> glemte jeg at spørge om hvilken IE version de brugte.

Det sker i IE6. Jeg ved ikke med de højere versioner. Min
holdning er at man ikke længere behøver designe til IE6 hvis
grundfunktionen er i orden. Det er en forældet browser og folks
(eller deres arbejdsgivers) egen fejl hvis de bruger den.

Man kan fint se billeder og få de nødvendige oplysninger på siden
også med IE6.

Derimod er menufunktionen ikke helt logisk (Opera, Firefox, IE).
En grå stribe bliver blå når man peger på et punkt, og det
markerer også det aktuelle valg, men somme tider er der to blå
markeringer, og nogle af stregerne vedbliver at være grå selv om
man peger.

PS. Jeg ville skrive "klikke på billederne" i stedet for "trykke
på billederne". Det sidste dur kun med en trykfølsom skærm.

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
> Kim Schmidt Wind skrev:
>
[Klip]
> PS. Jeg ville skrive "klikke på billederne" i stedet for "trykke
> på billederne". Det sidste dur kun med en trykfølsom skærm.
>
> --
> Bertel
> http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

Jeg retter det lige til, så kom jeg til at tænke på at da jeg var
ansat der tilbage i 1993 - 95 til at holde deres
undervisningsmaskiner vedlige samt andet pedel arbejde, var det
Macintoch computer der blev brugt. Måske var det igennem Apples
Browser vi så det.


Kim

--
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

---

Bertel Lund Hansen skrev:

> Det sker i IE6. Jeg ved ikke med de højere versioner.

Jeg prøvede lige med IE-tester.
IE7 viser også billederne først og derefter teksten. Kun IE8 viser det
på samme måde som Firefox.

Billederne står lige efter hinanden i kildekoden, inden teksten kommer.
Det er nok det der snyder IE 6 og 7. Jeg ville dog umiddelbart mene at
de også kunne forstå det, når de nu allesammen er floatet.
Jeg kan se at billederne er defineret med en width og height på 50%.
Hvad sker der hvis de sættes til 51%? (Jeg har dog ingen forventning om
at det hjælper en disse).

--
Philip - http://chartbase.dk

---

Philip Nunnegaard kom med denne ide:
> Bertel Lund Hansen skrev:
>
>> Det sker i IE6. Jeg ved ikke med de højere versioner.
>
> Jeg prøvede lige med IE-tester.
> IE7 viser også billederne først og derefter teksten. Kun IE8 viser det på
> samme måde som Firefox.
>
> Billederne står lige efter hinanden i kildekoden, inden teksten kommer. Det
> er nok det der snyder IE 6 og 7. Jeg ville dog umiddelbart mene at de også
> kunne forstå det, når de nu allesammen er floatet.
> Jeg kan se at billederne er defineret med en width og height på 50%.
> Hvad sker der hvis de sættes til 51%? (Jeg har dog ingen forventning om at
> det hjælper en disse).

Jo, billederne er sat til 50%, både højde og bredde... Hvert billede
fylder halvdelen af den til rådighed værende højde. Så der bliver
aldrig plads til dem.
Desuden har de ud over de 50%, også padding, border og margin, som skal
lægges til.
(height og width regnes ikke af det oprindelige billede, men den plads
der er til rådighed i "forældre-elementet", og inkluderer ikke padding,
border og margin. Så med 50% højde, er der ikke engang plads til 2
billeder..)

Så noget forkert er der ved din kode, selvom den validerer, med kun en
enkelt advarsel (som skyldes ulovlige karakterer i javascript... de
skal enten escapes med \, eller blokken markeres med <![CDATA[ ... ]]>
også i XHTML). Også selvom din gamle arbejdsplads siger god for den...

Prøv at undlade at specificere højden af billederne, men sæt bredden
til 50%. Billederne vil stadig fylde mere end halvdelen af bredden af
spalten, fordi du har padding, border og margin. Og browserne vil selv
skalere billederne i højden (de er tydeligt forvrængede i IE6). Men der
er ingen bøvl med højden - måske er det den der forvirrer.

Det ser ud somom dit design har en fast bredde på en wrapper. Dermed
kan du faktisk regne ud hvor store dine billeder kan være, i stedet for
at bruge %. Hvis du er tilfreds med de 50% og som det ser ud nu i FF,
skal du selvfølgelig ikke ændre noget på bredden - men hvis det var
tanken at billederne skulle sidde ved siden af hinanden, er det en
løsning (eller at mindske % på bredden, så der bliver plads til
padding, border og margin).

Birger

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

---

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
[Klip]
> Det ser ud somom dit design har en fast bredde på en wrapper. Dermed
> kan du faktisk regne ud hvor store dine billeder kan være, i stedet for
> at bruge %. Hvis du er tilfreds med de 50% og som det ser ud nu i FF,
> skal du selvfølgelig ikke ændre noget på bredden - men hvis det var
> tanken at billederne skulle sidde ved siden af hinanden, er det en
> løsning (eller at mindske % på bredden, så der bliver plads til
> padding, border og margin).
>
> Birger
>

Hej Birger

Billederne skal sidde skiftevis til højre og venstre og så skal teksten stå
skiftevis. Det gør den også i IE8 og det gjordte den også i Firefox da jeg så
den igår, men at teksten nogle steder løb ned over billederne og det er det jeg
vil af med.


Kim
http://sandvadnyt.dk

--
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

---

Kim Schmidt Wind forklarede:
> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> [Klip]
>> Det ser ud somom dit design har en fast bredde på en wrapper. Dermed
>> kan du faktisk regne ud hvor store dine billeder kan være, i stedet for
>> at bruge %. Hvis du er tilfreds med de 50% og som det ser ud nu i FF,
>> skal du selvfølgelig ikke ændre noget på bredden - men hvis det var
>> tanken at billederne skulle sidde ved siden af hinanden, er det en
>> løsning (eller at mindske % på bredden, så der bliver plads til
>> padding, border og margin).
>>
>> Birger
>>
>
> Hej Birger
>
> Billederne skal sidde skiftevis til højre og venstre og så skal teksten stå
> skiftevis. Det gør den også i IE8 og det gjordte den også i Firefox da jeg så
> den igår, men at teksten nogle steder løb ned over billederne og det er det
> jeg vil af med.

Det var ikke for at kritisere dit design, men jeg forstod ikke helt
hvordan du havde forestillet dig det skulle være.

Jeg kan se, at du har fjernet højde angivelserne fra img - og jag kan
fortælle dig, at det får billederne til at se rigtige ud i IE6. At IE6
så ikke forstår resten af designet, er en anden historie...

I dit design, burde teksten faktisk fordele sig mellem billederne.
Det går også godt nok i IE8, mens det ser ud somom FF har svært ved at
beregne billedernes pladsforbrug - eller måske glemmer at tage højde
for padding, border og margin for disse elementer.

Hvodan du løser det, kan jeg ikke lige give en opskrift på.
Et alternativ kunne være, at lægge billederne ind i teksten på
startegiske steder - hvilket ville ødelægge kildekoden, eller i hvert
fald gøre den væsentlig mere besværlig, vedligeholdelsesmæssigt.
Det ville også kun virke fordi du har fast bredde på designet.

Birger

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

---

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> Kim Schmidt Wind forklarede:
> > Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> > [Klip]
>
>
> I dit design, burde teksten faktisk fordele sig mellem billederne.
> Det går også godt nok i IE8, mens det ser ud somom FF har svært ved at
> beregne billedernes pladsforbrug - eller måske glemmer at tage højde
> for padding, border og margin for disse elementer.
>
> Hvodan du løser det, kan jeg ikke lige give en opskrift på.
> Et alternativ kunne være, at lægge billederne ind i teksten på
> startegiske steder - hvilket ville ødelægge kildekoden, eller i hvert
> fald gøre den væsentlig mere besværlig, vedligeholdelsesmæssigt.
> Det ville også kun virke fordi du har fast bredde på designet.
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>

Det er her er jo også kun en kort løsning. Det nye websted hvor den skal hen og
værer er bestilt og betalt. Mangler kun at de for redelegering og det andet sat på
plads så den kan komme derover at ligge.
Men dog vil jeg stadigvæk holde html siderne vedlige. I tilfælde af at der sker
noget så man må flytte til en midlertidigt sted.

Mvh.

Kim

--
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 29-05-2009, skrev Kim Schmidt Wind:
> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>> Kim Schmidt Wind forklarede:
>>> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>>> [Klip]
>>
>>
>> I dit design, burde teksten faktisk fordele sig mellem billederne.
>> Det går også godt nok i IE8, mens det ser ud somom FF har svært ved at
>> beregne billedernes pladsforbrug - eller måske glemmer at tage højde
>> for padding, border og margin for disse elementer.
>>
>> Hvodan du løser det, kan jeg ikke lige give en opskrift på.
>> Et alternativ kunne være, at lægge billederne ind i teksten på
>> startegiske steder - hvilket ville ødelægge kildekoden, eller i hvert
>> fald gøre den væsentlig mere besværlig, vedligeholdelsesmæssigt.
>> Det ville også kun virke fordi du har fast bredde på designet.
>>
>> Birger
>>
>> --
>> http://varmeretter.dk - billig, sund og hurtig mad
>> http://bbsorensen.dk
>>
>
> Det er her er jo også kun en kort løsning. Det nye websted hvor den skal hen
> og værer er bestilt og betalt. Mangler kun at de for redelegering og det
> andet sat på plads så den kan komme derover at ligge.
> Men dog vil jeg stadigvæk holde html siderne vedlige. I tilfælde af at der
> sker noget så man må flytte til en midlertidigt sted.

Jeg tror ikke, hvor siden er hostet har nogen indflydelse på hvordan de
ser ud på de besøgendes PC.

Birger

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

---

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> Den 29-05-2009, skrev Kim Schmidt Wind:
> > Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> >> Kim Schmidt Wind forklarede:
> >>> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> >>> [Klip]
> >>
> [klip]
> Jeg tror ikke, hvor siden er hostet har nogen indflydelse på hvordan de
> ser ud på de besøgendes PC.
>
> Birger
>

Det jeg mener med det er at siden har kørt på som PHP alle medlemmerne af
foreningen kunne logge sig ind på siden og skriv noget. Men da Firebee gik ned med
flaget skulle der findes et alternativ. Og da jeg på daværende tidspunkt havde
nogle demosider som jeg selv prøvede af ligge ved dinhost.net Så faldt valget at
flytte den der over som en løsning og den var gratis. Men med den ulempe kort tid
efter blev sikkerheden på dinhostnet sat op så at nu kunne man ikke logge sig ind
og skrive i gæstebogen eller tilføje artikler direkte.

--
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

---

Kim Schmidt Wind tastede følgende:
> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>> Den 29-05-2009, skrev Kim Schmidt Wind:
>>> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>>>> Kim Schmidt Wind forklarede:
>>>>> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>>>>> [Klip]
>>>>
>> [klip]
>> Jeg tror ikke, hvor siden er hostet har nogen indflydelse på hvordan de
>> ser ud på de besøgendes PC.
>>
>> Birger
>>
>
> Det jeg mener med det er at siden har kørt på som PHP alle medlemmerne af
> foreningen kunne logge sig ind på siden og skriv noget. Men da Firebee gik
> ned med flaget skulle der findes et alternativ. Og da jeg på daværende
> tidspunkt havde nogle demosider som jeg selv prøvede af ligge ved dinhost.net
> Så faldt valget at flytte den der over som en løsning og den var gratis. Men
> med den ulempe kort tid efter blev sikkerheden på dinhostnet sat op så at nu
> kunne man ikke logge sig ind og skrive i gæstebogen eller tilføje artikler
> direkte.

;>) OK.
Jeg troede du mente det skulle havde indflydelse på hvordan billederne
blev vist...
Hvis man har login system, burde det da stadig være muligt, at skrive
artikler - og der er i øvrigt ikke meget ved en gæstebog, som man skal
logge ind for at skrive i.

Kan det ikke tænkes blot at være noget med en ny PHP version? (Det er
ikke meget længe siden, registerglobals blev ændret, netop af
sikkerhedsgrunde. Og hvis det er derfor, hjælper det ikke at flytte
siden - og det burde være forholdsvist enkelt at rette koden, så den
kan køre alligevel.)

Birger

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

---

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> Kim Schmidt Wind tastede følgende:
> >>>>> [Klip]
> >>>>
[klip]
>
> Kan det ikke tænkes blot at være noget med en ny PHP version? (Det er
> ikke meget længe siden, registerglobals blev ændret, netop af
> sikkerhedsgrunde. Og hvis det er derfor, hjælper det ikke at flytte
> siden - og det burde være forholdsvist enkelt at rette koden, så den
> kan køre alligevel.)
>
> Birger
>

Gæstebogen, kunne de skrive til en hver tid, men hvis det ville have et indlæg på
siden og var blev godkendt til at komme med indlæg så krævede det et login.
Ellers skulle de sende det mig og jeg så skrive det ind.

Kim.



--
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

---

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> Philip Nunnegaard kom med denne ide:
> Det ser ud somom dit design har en fast bredde på en wrapper. Dermed
> kan du faktisk regne ud hvor store dine billeder kan være, i stedet for
> at bruge %. Hvis du er tilfreds med de 50% og som det ser ud nu i FF,
> skal du selvfølgelig ikke ændre noget på bredden - men hvis det var
> tanken at billederne skulle sidde ved siden af hinanden, er det en
> løsning (eller at mindske % på bredden, så der bliver plads til
> padding, border og margin).
>
> Birger
>
>

Hej

Jeg har prøver at bruge dette,
<p>
<img src ="billede.gif"
align ="left" width="48" height="48">her står tekst
</p>
<p>
<img src ="billede.gif"
align ="right" width="48" height="48">
Her står teskt</p>
dog ikke sat width og height til noget. Det ser også fint ud på den første, men
teksten i den nedeunder starter så oppe over billedet selvom den skulle have
stået ved siden af billedet.

Mvh.

Kim

--
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