---

Jeg prøver at lave en forside med to billeder. Det ene skal står
øverst til ventre, med tekstombrydning.
Det andet skal stå nederst til højre, igen med teksten omkring
det.
Jeg kender ikke komandoen til at sætte billedet nederst med
"float"
Er der nogen der kan hjælpe mig med det?????

Her er hvad jeg har skrevet i min style.css:

#billede1    {
      float: left;
      margin-right: 15px;
      margin-bottom: 0px;
      }

#billede2    {
    float: right;
(hvad skal jeg så skrive her????)
      }

På forhånd mange tak, håber der er nogen der kan hjælpe

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

---

Janus Sander Schiøtte <Sunaj@oncable.dk> skrev :

>Jeg prøver at lave en forside med to billeder. Det ene skal står
>øverst til ventre, med tekstombrydning.
>Det andet skal stå nederst til højre, igen med teksten omkring
>det.

Måske noget i stil med
http://home13.inet.tele.dk/smedpark/test/pos.htm ?
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

On Tue, 10 Dec 2002 19:08:01 +0100, Knud Gert Ellentoft
<knudgert@mail.tele.dk> wrote:

>http://home13.inet.tele.dk/smedpark/test/pos.htm ?

Teksten er oven på billedet i min opera 6.05

--
hilsen pl
http://huse-i-naestved.dk

---

Peter Loumann <peloda@tiscali.dk> skrev :

>Teksten er oven på billedet i min opera 6.05

Hmm - nu bruger jeg mest Mozilla hvor den er fin (og også i IE),
men du har ret, underligt, det er jo ganske alm. positionering,
der er brugt.

Jeg ved ikke lige, hvorfor.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

> Måske noget i stil med
> http://home13.inet.tele.dk/smedpark/test/pos.htm ?

Jeg kan kun se det ene af billederne på din side du har der......

Her er linket til den side jeg er ved at lave, Lpskiven til venstre er
meningen skal være i bunden... altså nederst til højre.... Det er det jag
mener

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

---

> Måske noget i stil med
> http://home13.inet.tele.dk/smedpark/test/pos.htm ?

Jeg kan kun se det ene af billederne på din side du har der......

Her er linket til den side jeg er ved at lave, Lpskiven til venstre er
meningen skal være i bunden... altså nederst til højre.... Det er det jag
mener

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

---

> Her er linket til den side jeg er ved at lave, Lpskiven til venstre er
> meningen skal være i bunden... altså nederst til højre.... Det er det jag
> mener

Ups jeg glemte ski at skrive linket
http://www.hurtigst.dk/migger/js
Her var det så

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

---

Janus Sander Schiøtte <Sunaj@oncable.dk> skrev :

>Jeg kan kun se det ene af billederne på din side du har der......

fordi, jeg havde glemt en >
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Hej igen....
Jeg kan se at der nattens løb har været en del debat om emnet.....
Jeg har siddet og læst alle indlægende igennem, men jeg forstår ikke
rigtigt hvad det er i snakker om.....
Jeg har oxo set lidt på den forsøgside som en af jer lavede, nu er begge
billeder da kommet på..... Men det er ikke det jeg mener. På den side er
der godt nok 2 billeder, men når jeg sætter mere skrift på bliver både det
øverste billede, og teksten ved siden af det... OVERSKREVET af den nederste
tekst og det nederste billede står uden for teksten til højre.

På den side jeg er ved at lave har jeg to billeder:
Et dannebrog, dette står som jeg gerne vil have det til, øverst til højre
med teksten omkring det.
Jeg oxo et billede af en LP som står ude til højre, dette står desværre
øverst i min "table" hvor jeg gerne ville have det til at stå nederst, igen
med teksten omkring det, men jeg har ikke kunne finde nogen syntax til
"float" som definere bundet.

Det med "positioning" dur ikke for idéen er netop at billedet skal kunne
flytte sig i forhold til den tekst der står. og teksten skulle gerne
tilpasse sige efter billedet!

Her er igen linket til den side jeg er ved at lave, samt et link til min
"CSS"-fil:
siden: http://www.hurtigst.dk/migger/js
css: http://www.hurtigst.dk/migger/js/style.css
Ps. de to billeder hedder "#billede1" og "#billede2"
Jeg håber håber dette klargjorde mit spørgsmål lidt mere
Venlig hilsen Janus

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

---

Hej igen....
Jeg kan se at der nattens løb har været en del debat om emnet.....
Jeg har siddet og læst alle indlægende igennem, men jeg forstår ikke
rigtigt hvad det er i snakker om.....
Jeg har oxo set lidt på den forsøgside som en af jer lavede, nu er begge
billeder da kommet på..... Men det er ikke det jeg mener. På den side er
der godt nok 2 billeder, men når jeg sætter mere skrift på bliver både det
øverste billede, og teksten ved siden af det... OVERSKREVET af den nederste
tekst og det nederste billede står uden for teksten til højre.

På den side jeg er ved at lave har jeg to billeder:
Et dannebrog, dette står som jeg gerne vil have det til, øverst til højre
med teksten omkring det.
Jeg oxo et billede af en LP som står ude til højre, dette står desværre
øverst i min "table" hvor jeg gerne ville have det til at stå nederst, igen
med teksten omkring det, men jeg har ikke kunne finde nogen syntax til
"float" som definere bundet.

Det med "positioning" dur ikke for idéen er netop at billedet skal kunne
flytte sig i forhold til den tekst der står. og teksten skulle gerne
tilpasse sige efter billedet!

Her er igen linket til den side jeg er ved at lave, samt et link til min
"CSS"-fil:
siden: http://www.hurtigst.dk/migger/js
css: http://www.hurtigst.dk/migger/js/style.css
Ps. de to billeder hedder "#billede1" og "#billede2"
Jeg håber håber dette klargjorde mit spørgsmål lidt mere
Venlig hilsen Janus

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

---

Knud Gert Ellentoft skrev:

>>Teksten er oven på billedet i min opera 6.05
>
> Hmm - nu bruger jeg mest Mozilla hvor den er fin

Også her.

> (og også i IE),

Mens IE (6 SP1) ikke viser det nederste billede. Teksten ombrydes
dog som om der er "noget" i nederste venstre hjørne.

Opera 7 (beta) viser det på samme måde.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Knud Gert Ellentoft skrev:

>>Teksten er oven på billedet i min opera 6.05
>
> Hmm - nu bruger jeg mest Mozilla hvor den er fin

Også her.

> (og også i IE),

Mens IE (6 SP1) ikke viser det nederste billede. Teksten ombrydes
dog som om der er "noget" i nederste venstre hjørne.

Opera 7 (beta) viser det på samme måde.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen <jens@gyros.invalid> skrev :

>Mens IE (6 SP1) ikke viser det nederste billede. Teksten ombrydes
>dog som om der er "noget" i nederste venstre hjørne.

Bliver mærkeligere og mærkeligere - lokalt er det nederste højre
billede med i IE, men ej på nettet, why?
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Knud Gert Ellentoft <knudgert@mail.tele.dk> skrev :

>Bliver mærkeligere og mærkeligere - lokalt er det nederste højre
>billede med i IE, men ej på nettet, why?

Som jeg har svaret Janus, skyldes det en manglende >, men det
bliver ikke bedre i Opera 6.05.

Understøtter den ikke alm. position: absolute?
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Knud Gert Ellentoft <knudgert@mail.tele.dk> writes:

> Understøtter den ikke alm. position: absolute?

Joda. Men du har ikke angivet størrelsen af din absolut-placerede div.

Standarden kræver at elementer der er placeret absolut (eller fixed) skal
have en eksplicit størrelse, hvis de ikke har en implicit. Billeder har
implicit størrelse, men div'en udenom har ikke.

Hvis du puttede id="nederst" på img-elementet istedet, så endte det
fint på plads, og samme hvis du sætter width og height på #nederst.

Det ser blot ud til at O6 ikke er så tilgivende som andre browsere på
det punkt. En absolut div uden højde ser ud til at få blive behandlet som
om den havde højde 100%.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'

---

Lasse Reichstein Nielsen <lrn@hotpop.com> skrev :

>Standarden kræver at elementer der er placeret absolut (eller fixed) skal
>have en eksplicit størrelse, hvis de ikke har en implicit. Billeder har
>implicit størrelse, men div'en udenom har ikke.
>
>Hvis du puttede id="nederst" på img-elementet istedet, så endte det
>fint på plads, og samme hvis du sætter width og height på #nederst.

Så validerer det ikke, en img skal puttes i et blockelement i
strict html og måske igen et eksempel på at validatoren ikke
finder fejl.

Oversæt dog udtrykkene til dansk...

Ideen med div, hvor der er tekst i, skulle jo ellers være, at de
ikke skal have en bestemt størrelse, men netop skal tilpasse sig
skærmopløsningen,IE og Mozilla kan godt finde ud af det.

Man kunne jo så prøve med at smide billede og tekst i samme
<div>, men det bliver ikke lige nu.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Knud Gert Ellentoft <knudgert@mail.tele.dk> writes:

> Lasse Reichstein Nielsen <lrn@hotpop.com> skrev :

> >Hvis du puttede id="nederst" på img-elementet istedet, så endte det
> >fint på plads, og samme hvis du sætter width og height på #nederst.

> Så validerer det ikke, en img skal puttes i et blockelement i
> strict html og måske igen et eksempel på at validatoren ikke
> finder fejl.

Du behøver ikke at fjerne div-elementet, men blot putte id="nederst"
på img-elementet istedet for div-elementet.

> Oversæt dog udtrykkene til dansk...

Jeg skal huske at sætte anførselstegn om når jeg mener det ordret.

> Ideen med div, hvor der er tekst i, skulle jo ellers være, at de
> ikke skal have en bestemt størrelse, men netop skal tilpasse sig
> skærmopløsningen,IE og Mozilla kan godt finde ud af det.

Hvordan tilpasse man sig omgivelserne når man har "position:absolute",
og derfor netop har al plads til rådighed. Opera 6 vælger at gøre
div'en stor (altså tilpasser den efter omgivelserne), IE og Mozilla
gør den kun lige stor nok til at indeholde dens indhold (altså
tilpasser den efter indholdet).

CSS2-standarden siger hvad man skal gøre i denne situation:
<URL:http://www.w3.org/TR/REC-CSS2/visudet.html#abs-non-replaced-width>
og
<URL:http://www.w3.org/TR/REC-CSS2/visudet.html#abs-non-replaced-height>

Hvis vi kigger på højden, så er den eneste information at "bottom"
skulle være 0, og "height" og "top" er begge "auto". Lad os antaget at
"margin" og "padding" begge er 0. Det par pixels har ikke den store
indflydelse i dette eksempel.

Da top-egenskaben er "auto", skal browseren sætte top-positionen til
der hvor elementet ville have været, hvis det havde haft
"position:static". Det betyder at toppen af div-elementet er i toppen
af siden, og forklarer hvorfor billedet endte i toppen og ikke i bunden.

Når både "top" og "bottom" derved er placeret, så bliver "height"
fundet så elements top+height+bottom = højden af "containing block"
(og for et absolut placeret element er "containing block" det nærmeste
omkrandsende element med en "position" der ikke er "static", hvilket i
dette eksempel er body-elementet).

Derfor er det korrekt af Opera 6 at give div'en en stor højde, sådan
at billedet ender i den øverste ende af skærmen. Mozilla og IE bruger
åbenbart indholdets højde til at bestemme div'ens højde, og det er
forkert.

> Man kunne jo så prøve med at smide billede og tekst i samme
> <div>, men det bliver ikke lige nu.

Hvis man gør det (og sætter en højde på den), så kunne man jo bruge
"float"-egenskaben til at få teksten til at "wrappe" omkring billedet.
Jeg mener det var det forfatteren af det oprindelige indlæg ønskede.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'

---

Lasse Reichstein Nielsen <lrn@hotpop.com> writes:

> Standarden kræver at elementer der er placeret absolut (eller fixed) skal
> have en eksplicit størrelse, hvis de ikke har en implicit.

Her talte jeg over mig. Det er floats der skal have eksplicit størrelse,
absolut-positionerede elementer får deres højde og bredde beregnet ud fra
hvor meget plads der er omkring dem. I dette tilfælde ville en eksplicit
højde og bredde dog give den ønskede effekt.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'

---

Lasse Reichstein Nielsen <lrn@hotpop.com> skrev :

>Det er floats der skal have eksplicit størrelse,

Det er et ord som eksplicit, jeg er i tvivl om hvad betyder,
derfor skrev jeg, skriv dansk.
Mener du nøjagtig præcis?

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Knud Gert Ellentoft skrev:

> Som jeg har svaret Janus, skyldes det en manglende >, men det
> bliver ikke bedre i Opera 6.05.
>
> Understøtter den ikke alm. position: absolute?

Så vidt jeg kan se (efter lidt test med v. 6.01) er det bottom og
right den ikke forstår.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Knud Gert Ellentoft skrev:

>> Det er floats der skal have eksplicit størrelse,
>
> Det er et ord som eksplicit, jeg er i tvivl om hvad betyder,

Det betyder at størrelsen er angivet direkte. Modsætningen er
implicit.

<img src="test.jpg" width="34" height="56"> angiver eksplicit højde
og bredde.

Hvis du kender til asp eller evt. vba er du måske stødt på
erklæringen <% Option Explicit %> - som betyder at alle variabler
skal erklæres før de kan bruges.

> derfor skrev jeg, skriv dansk.

Det er skam et dansk ord. Der kan måske findes bedre alternativer,
men lige pt kan jeg faktisk ikke komme på et.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen <jens@gyros.invalid> skrev :

>Hvis du kender til asp eller evt. vba er du måske stødt på
>erklæringen <% Option Explicit %> - som betyder at alle variabler
>skal erklæres før de kan bruges.

Nu stiller du for store krav til en gammel stodder, som blot
sidder og leger lidt med hjemmesider for sjov...

>Det er skam et dansk ord.

OK - jeg kender det bare ikke og kunne ikke finde en forklaring
nogen steder,
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Jens Gyldenkærne Clausen <jens@gyros.invalid> skrev :

>Hvis du kender til asp eller evt. vba er du måske stødt på
>erklæringen <% Option Explicit %> - som betyder at alle variabler
>skal erklæres før de kan bruges.

Nu stiller du for store krav til en gammel stodder, som blot
sidder og leger lidt med hjemmesider for sjov...

>Det er skam et dansk ord.

OK - jeg kender det bare ikke og kunne ikke finde en forklaring
nogen steder,
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Knud Gert Ellentoft wrote in
<eu6evu8gaqo4tib18ja5nts4rvng0akgk5@dtext.news.tele.dk>:
[eksplicit]
>>Det er skam et dansk ord.
> OK - jeg kender det bare ikke og kunne ikke finde en forklaring
> nogen steder,

Så får du lige lidt fra min retskrivnings- og betydningsordbog. :)

eksplicit
Ordklasse: tillægsord
Bøjes: intetkøn eksplicit, flertal og bestemt ental eksplicitte
Deles: eks-pli-cit
1. = klar, tydelig; udtrykkeligt angivet; Modsat: implicit

implicit
Ordklasse: tillægsord
Bøjes: intetkøn implicit, flertal og bestemt ental implicitte
Deles: im-pli-cit
1. = underforstået; indbefattet uden udtrykkelig at være nævnt; Modsat:
eksplicit

Jeg opfatter ordet "implicit" lidt stærkere, når vi snakker computere. I
almindelig tale er underforståede ting ofte ikke klar definerede. Ved
programmering mv. er implicitte ting klart definerede ifølge nogle bestemte
regler og standarder.

FUT: dk.kultur.sprog

--
Mvh.

Niels Andersen
(la nels. anersyn.)