---

hvad skal jeg skrive i mit html dokument for at få det til at
blive rigtigt?

I mit stylesheet har jeg skrevet:


   #boks1 {
      position:absolute;
      top: 50px;
      left: 50px;
   }

   #boks2 {
      position:absolute;
      top: 50px;
      right: 50px;
   }

   #boks3 {
      position:absolute;
      bottom: 50px;
      right: 50px;
   }

   #boks4 {
      position:absolute;
      bottom: 50px;
      left: 50px;
   }


men hvad skal jeg skrive i mit html dokument? Jeg har prøvet
utallige kombinationer og det eneste jeg får ud af det, er 4
linier under hinanden.

Som det er lige nu:

   <div style="top: 50px; left: 50px;">
   <p> test1</p>
   </div style>

   <div style="top: 50px; right: 50px;">
   <p> test2</p>
   </div style>

   <div style="bottom: 50px; right: 50px;">
   <p> test3</p>
   </div style>

   <div style="bottom: 50px; right: 50px;">
   <p> test3</p>
   </div style>

Det står på side:
http://www.html.dk/tutorials/css/lektion14.asp

På forhånd tak for hjælpen
Sonja


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

---

Sonja Hornsyld <sonja.hornsyld@vip.cybercity.dk> skrev:
>hvad skal jeg skrive i mit html dokument for at få det til at
>blive rigtigt?

Du skal skrive:

   <div id="boks1">
   <p> test1</p>
   </div>

   <div id="boks2">
   <p> test2</p>
   </div>

   <div id="boks3">
   <p> test3</p>
   </div>

   <div id="boks4">
   <p> test3</p>
   </div>

Prøv at kigge på kildekoden, når du er i tvivl ;0))
Jeg har selv lige lært lidt, så jeg er ikke nogen ørn endnu!
mvh Marianne

---

Sonja Hornsyld wrote in dk.edb.internet.webdesign.html:

> I mit stylesheet har jeg skrevet:

>
>
>    #boks1 {
>       position:absolute;
>       top: 50px;
>       left: 50px;

[snip]

>    <div style="top: 50px; left: 50px;">
>    <p> test1</p>
>    </div style>

Du linker vel til dit stylesheet, ikke? Hvis nej: Tjek hvordan man
linker til et stylesheet på html <url:
http://www.html.dk/tutorials/css/lektion2.asp>

Hvis ja:

Du laver dobbeltkonfekt, når du først definerer positionen i stylesheet
og derefter i html-koden (desuden glemmer du position: absolute; i html-
koden.

Lav det i stedet sådan her:

<div id="boks1">
<p> test1</p>
</div>

--
Mvh.

Troels Jensen
http://www.troelsweb.dk

---

> <div id="boks1">
> <p> test1</p>
> </div>
>
> --
> Mvh.
>
> Troels Jensen
> http://www.troelsweb.dk
Tusind tak, det var det her jeg manglede, jeg skal straks prøve det af når
jeg engang kommer hjem i aften. Jeg har prøvet mange kombinationer uden
held.

Mvh.
Sonja

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

---

> Lav det i stedet sådan her:
>
> <div id="boks1">
> <p> test1</p>
> </div>
>
> --
> Mvh.
>
> Troels Jensen
> http://www.troelsweb.dk

Tusind tak, nu virker det.

Mvh.
Sonja

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