---

Hejsa

Jeg håber at der er nogle som kan hjælpe mig, jeg skrev herind
for at få hjælp til at lave en side hvor der er 3 "bokse" oven på
hinanden centreret.
Så yderste og inderste boks er ens og miderste ser ud som om at
det er en ramme.
Jeg blev rådet til at lære css isteddet for at bruge frames og
det er jeg så nu ved at forsøge på.

Men jeg er ikke kommet særligt langt da jeg ikke kan få
"rammen/boksen" til at vise sig og får jeg den til det så fylder
den hele baggrunden ???

Jeg har forsøgt at lave den med magner/bokse, sætte px for hvad
den skal fylde m.m.

Dette er hvad jeg har lavet og det kan jeg se, men forsøger jeg
det andet så virker det ikke har læst det som er på tutorials,
men forstår det åbenbart ikke - hmmm

body {
   background-image: url("cameo.bmp");
   margin: 80px 90px 80px 80px;
}
h1 {
   color: blue;
}

Jeg vil have at både "baggrund" og "ramme" er bmp billeder som
jeg har på computeren.

Jeg er meget ny i dette, så jeg håber at der er en som kan skrive
det så jeg forstår det.
For jeg kan godt se pricippet i det, det er da meget smartere

På forhånd tak

Hilsen Tinna

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

---

Tinna Jakobsen skrev i <news:40b943ce$0$3047$14726298@news.sunsite.dk>:

> Jeg håber at der er nogle som kan hjælpe mig, jeg skrev herind
> for at få hjælp til at lave en side hvor der er 3 "bokse" oven på
> hinanden centreret.

Når du vil have boksene ovenpå hinanden skal du tænke på z-layers.
Der er et link her som beskriver hvordan man kan putte billeder
ovenpå hinanden:
http://html.dk/tutorials/css/lektion15.asp

Jane
--
æbleskrog.dk

---

Jane wrote in dk.edb.internet.webdesign.html:
> Tinna Jakobsen skrev i <news:40b943ce$0$3047$14726298@news.sunsite.dk>:
>
> > Jeg håber at der er nogle som kan hjælpe mig, jeg skrev herind
> > for at få hjælp til at lave en side hvor der er 3 "bokse" oven på
> > hinanden centreret.
>
> Når du vil have boksene ovenpå hinanden skal du tænke på z-layers.
> Der er et link her som beskriver hvordan man kan putte billeder
> ovenpå hinanden:
> http://html.dk/tutorials/css/lektion15.asp
>
> Jane
> --
> æbleskrog.dk

Dette har jeg også prøvet, men der sker slet ingen ting, jeg kan hverken
se de rammer - border eller z-layers som jeg laver, jeg synes at jeg har
været ret kreativ med hensyn til at placere "koden" - men lige lidt
hjælper det

Der er ikke en som vil vise mig hvordan jeg skriver koden (hvor) er det
inde i body - før eller efter sidste ) - tegn ?
Eller er der en som vil tillade mig at se deres kilde fra deres side ?
Man kalder tingene de ting som de hedder på ens egen computer ik' ?
feks kal jeg lægge et "lag" på som hedder cameo2 - og oven på dette et
"lag" som hedder "cameo".
Begge er bmp billeder.

Hilsen Tinna

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

---

Tinna Jakobsen skrev i <news:40b98fd5$0$3047$14726298@news.sunsite.dk>:

> Eller er der en som vil tillade mig at se deres kilde fra deres side ?

Okay jeg har lige smidt det midlertidigt op.
Der er valgt tilfældige billeder så de passer jo ikke helt i
størrelse men du kan nok se idéen.

http://xn--bleskrog-i0a.dk/z/z.html

Jane
--
æbleskrog.dk

---

Jane wrote in dk.edb.internet.webdesign.html:
> Tinna Jakobsen skrev i <news:40b98fd5$0$3047>
> http://xn--bleskrog-i0a.dk/z/z.html
>
> Jane
> --
> æbleskrog.dk

og det vigtigste css-koden:
#ruder-10 {
   position: absolute;
   left: 100px;
   top: 200px;
   z-index: 1;
}
#ruder-knaegt {
   position: absolute;
   left: 115px;
   top: 215px;
   z-index: 2;
}
#ruder-dame {
   position: absolute;
   left: 130px;
   top: 230px;
   z-index: 3;
}
#ruder-konge {
   position: absolute;
   left: 145px;
   top: 245px;
   z-index: 4;
}
#ruder-es {
   position: absolute;
   left: 160px;
   top: 260px;
   z-index: 5;
}

PerR


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

---

Per Rasmussen skrev i <news:40b99ff7$0$3052$14726298@news.sunsite.dk>:

> og det vigtigste css-koden:

Jo, men den fandt jeg ikke nødvendig at nævne idet jeg jo
havde givet et link til den side med kortene.

Jane
--
æbleskrog.dk

---

Tinna Jakobsen wrote in dk.edb.internet.webdesign.html:

> Dette har jeg også prøvet, men der sker slet ingen ting, jeg kan hverken
> se de rammer - border eller z-layers som jeg laver, jeg synes at jeg har
> været ret kreativ med hensyn til at placere "koden" - men lige lidt
> hjælper det
>
> Der er ikke en som vil vise mig hvordan jeg skriver koden (hvor) er det
> inde i body - før eller efter sidste ) - tegn ?
> Eller er der en som vil tillade mig at se deres kilde fra deres side ?
> Man kalder tingene de ting som de hedder på ens egen computer ik' ?
> feks kal jeg lægge et "lag" på som hedder cameo2 - og oven på dette et
> "lag" som hedder "cameo".
> Begge er bmp billeder.
>
> Hilsen Tinna

Nu er jeg ikke helt sikker på at jeg helt forstår hvad du mener, men vil du
have de 3 bokse til at dække for hinanden, lidt ligesom det i tutorialen med
spillekortene, eller skal de stå ovenpå hinanden i højden.
f.eks..
boks 1
boks 2
boks 3
og så fylder hele højden på siden.

Er der et link til hvad du har lavet indtil nu.


PerR

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

---

Per Rasmussen wrote in dk.edb.internet.webdesign.html:
> Nu er jeg ikke helt sikker på at jeg helt forstår hvad du mener, men vil du
> have de 3 bokse til at dække for hinanden, lidt ligesom det i tutorialen med
> spillekortene, eller skal de stå ovenpå hinanden i højden.
> f.eks..
> boks 1
> boks 2
> boks 3
> og så fylder hele højden på siden.
>
> Er der et link til hvad du har lavet indtil nu.
>
>
> PerR
>
> --
> 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

Hejsa igen

Jeg har forstået at det er layers der skal bruges, samt at man lægger dem oven
på hinanden, der hvor man nu vil have dem.

Men jeg tror at jeg skal have sparket ud i pap hvor og hvordan koden skrives,
for jeg har prøvet, på flere måder og intet virker der må virkeligt være noget
jeg misforstår.

Jeg har desværre ikke noget link til det som jeg har lavet, for det er en helt
ny side, som er skrevet med html og så er der brugt frames, dette blev jeg
rådet til at lave om på og forsøger nu desperat

Men ..........
Jeg skal lave 3 baggrunde som ligger oven på hinanden - centreret !
feks har man et stykke papir = 10 x 8 cm og et papir = 8 x 6 cm samt et papir
= 6 x 4 cm.
hvis man så tager disse tre stykker papirer og ligger lige oven på hinanden,
så vil det se ud som om at det er en kant rundt (på midterste stykke papir) og
denne kant er så et bmp billede, det inderste samt yderste billede er ens, på
denne måde skulle det komme til at ligne en ramme - eller hvad ?

Samt skal det ligge i head eller body ?

Hilsen Tinna

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

---

Tinna Jakobsen wrote in dk.edb.internet.webdesign.html:
>
> Hejsa igen
>>
> Men jeg tror at jeg skal have sparket ud i pap hvor og hvordan koden skrives,
> for jeg har prøvet, på flere måder og intet virker der må virkeligt være noget
> jeg misforstår.
>
>
> Men ..........
> Jeg skal lave 3 baggrunde som ligger oven på hinanden - centreret !
> feks har man et stykke papir = 10 x 8 cm og et papir = 8 x 6 cm samt et papir
> = 6 x 4 cm.
> hvis man så tager disse tre stykker papirer og ligger lige oven på hinanden,
> så vil det se ud som om at det er en kant rundt (på midterste stykke papir) og
> denne kant er så et bmp billede, det inderste samt yderste billede er ens, på
> denne måde skulle det komme til at ligne en ramme - eller hvad ?
>
> Samt skal det ligge i head eller body ?
>
> Hilsen Tinna
>

Med udgangspunkt i det som Jane havde lavet, og det css som jeg havde hentet fra
hendes side, så skal din side se således ud:

<head>

<style type="text/css">

#ruder-10 {
position: absolute;
left: 100px;
top: 200px;
z-index: 1;
}
#ruder-knaegt {
position: absolute;
left: 115px;
top: 215px;
z-index: 2;
}
#ruder-dame {
position: absolute;
left: 130px;
top: 230px;
z-index: 3;
}
#ruder-konge {
position: absolute;
left: 145px;
top: 245px;
z-index: 4;
}
#ruder-es {
position: absolute;
left: 160px;
top: 260px;
z-index: 5;
}

</style>
</head>

<body>
<h1>ansigt på træ på vand</h1>

<div id="ruder-10">
<img src="water.gif">
</div>

<div id="ruder-knaegt">
<img src="wood.jpg">
</div>

<div id="ruder-dame">
<img src="play4.jpg">
</div>
</body>

Bemærk dog at du kan lade de andre ting stå i head og body som du ønsker det

PerR

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

---

Per Rasmussen skrev i <news:40b9a7b3$0$3049$14726298@news.sunsite.dk>:

> Med udgangspunkt i det som Jane havde lavet, og det css som jeg havde
> hentet fra hendes side, så skal din side se således ud:

Nej eksternt style sheet er meget pænere at se på
når man skal rette i koden?

Jane
--
æbleskrog.dk

---

Jane wrote in dk.edb.internet.webdesign.html:

>
> Nej eksternt style sheet er meget pænere at se på
> når man skal rette i koden?
>
> Jane
> --
> æbleskrog.dk


øhh

Som nybegynder er det lettere at arbejde med det hele i et doc..

PerR


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

---

Tinna Jakobsen skrev i <news:40b9a3fc$0$3050$14726298@news.sunsite.dk>:

> Samt skal det ligge i head eller body ?

Har du overhovedet *prøvet* at kigge efter om det står i
head eller body på de sider du har fået med eksempler?

Jane
--
æbleskrog.dk

---

Jane wrote in dk.edb.internet.webdesign.html:
> Tinna Jakobsen skrev i <news:40b9a3fc$0$3050$14726298@news.sunsite.dk>:
>
> > Samt skal det ligge i head eller body ?
>
> Har du overhovedet *prøvet* at kigge efter om det står i
> head eller body på de sider du har fået med eksempler?
>
> Jane
> --
> æbleskrog.dk

Jubiii
Så fattede jeg det

Tak for hjælpen

Tinna

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

---

Tinna Jakobsen wrote:

> Jubiii
> Så fattede jeg det
>
> Tak for hjælpen

Så mangler du kun, at det er en skidt ide at bruge bmp-billeder til Web.
Andre browsere end MSIE har problemer med at vise dem. Og meget værre - det
fylder ad h...... til (filstørrelse i forhold til billedstørrelse).

Nu har jeg ikke set dine billeder, men er det noget lignende spillekortene
på html.dk's side, bør du vælge gif. Er det fotos, bør du vælge jpg. Man kan
ogsåbruge png i begge situationer, men jeg har aldrig rigtigt kunne se
fordelen.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin

---

"Erik Ginnerskov" <egin@mail.dk> skrev :

>Man kan
>ogsåbruge png i begge situationer, men jeg har aldrig rigtigt kunne se
>fordelen.

*.png er tabsfrit og vil ofte fylde mindre end *.gif eller *.jpg,
men det afhænger af motivet.

Men især som erstatning for *.gif er png en fordel, da det
indeholder alle farver og er ikke begrænset til 256.
--
Knud

---

Knud Gert Ellentoft wrote:

>> Man kan
>> ogsåbruge png i begge situationer, men jeg har aldrig rigtigt kunne
>> se fordelen.
>
> *.png er tabsfrit og vil ofte fylde mindre end *.gif eller *.jpg,
> men det afhænger af motivet.
>
> Men især som erstatning for *.gif er png en fordel, da det
> indeholder alle farver og er ikke begrænset til 256.

Jeg har selv gjort forsøg med png versus jpg/gif:

Et multicolor-billede i png fylder mere end jpg ved lav kompression (ingen
synlige tab).

Et 256-farvers billede i png fylder mere end gif. Du kan ikke lave
transparens i et multicolor-billede, så ...

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin

---

"Erik Ginnerskov" <egin@mail.dk> skrev :

>Et 256-farvers billede i png fylder mere end gif. Du kan ikke lave
>transparens i et multicolor-billede, så ...

Og jeg kan fremtrylle billeder, hvor det er omvendt.

Så man kan ikke komme med noget entydigt svar på det.

Som sagt afhængig af billedet.

Jeg bruger især *.png til screenshots af f.eks. aktive vinduer,

Et billede som f.eks.
http://home13.inet.tele.dk/smedpark/images/agent.png vil du ikke
kunne få bedre eller mindre gif (medmindre du reducerer til 4 - 8
farver og dermed ringere kvalititet), det vil heller ikke blive
mindre i *.jpg medmindre det bliver komprimeret meget, under alle
omstændigheder ringere kvalitet.

Fut: news:dk.edb.grafik
--
Knud

---

Tinna Jakobsen skrev i <news:40b9c3ef$0$3048$14726298@news.sunsite.dk>:

> Jubiii
> Så fattede jeg det

Super. God fornøjelse.

Jane
--
æbleskrog.dk