---

Hvordan kan man lægge 2 billeder oven i hinanden?

Tanken er at lave en (grå) streg og placere nogle ikoner på
denne. Ikonerne har gennemsigtig baggrund, og man skal kunne se
den grå streg bagved. Altså skal der være en grå streg bagved,
som går "bagom" ikonet og videre "bagom næste ikon osv...

Så i virkeligheden skal der ved ikonet være 2 billeder oven i
hinanden med ikonet i forgrunden og stregen i baggrunden.

Jeg vil ikke lave mine ikoner med streg i. Det må kunne lade sig
gøre uden.

På forhånd tak for hjælpen. Det haster lidt

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

---

"Emerik Schultz-Petersen" <emerik@emerik.dk> skrev i en meddelelse
news:aa0qnu$nka$1@sunsite.dk
> Hvordan kan man lægge 2 billeder oven i hinanden?
>
> Tanken er at lave en (grå) streg og placere nogle ikoner på
> denne. Ikonerne har gennemsigtig baggrund, og man skal kunne se
> den grå streg bagved. Altså skal der være en grå streg bagved,
> som går "bagom" ikonet og videre "bagom næste ikon osv...
>
> Så i virkeligheden skal der ved ikonet være 2 billeder oven i
> hinanden med ikonet i forgrunden og stregen i baggrunden.
>
> Jeg vil ikke lave mine ikoner med streg i. Det må kunne lade sig
> gøre uden.
det kan det da også :)

brug css og z-index
se:
http://www.html.dk/tutorials/css/lektion15.asp

--
mvh
Søren
http://www.soeren-nielsen.dk/akvarie/

---

> > Jeg vil ikke lave mine ikoner med streg i. Det må kunne lade sig
> > gøre uden.
> det kan det da også :)
>
> brug css og z-index
> se:
> http://www.html.dk/tutorials/css/lektion15.asp

Tak, men det virker ikke... (suk)

hvad gør jeg galt?

<td>
      <div id="zindex1"><img src="dot.gif" height="2px"
width="100%"></div><div id="zindex2">
      <a href="ledere/index.php"><img src="le_out.gif" name="le_pic"
width="50px" height="50px" border="0"
      </td>

CSS:

#zindex1
{
   z-index: 1;
}

#zindex2
{
   z-index: 2;
}

På forhånd tak. Det haster stadig lidt (meget).


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

---

Mon, 22 Apr 2002 13:15:05 +0000 (UTC), skrev Emerik
Schultz-Petersen <emerik@emerik.dk>:

>Tak, men det virker ikke... (suk)

Prøv at upload siden, det vil gøre det nemmere at se fejlen.

Men der skal vel være noget position for at de bliver lagt oven
på hinanden.

Se evt. <http://home13.inet.tele.dk/smedpark/test/zindex.htm>,
her er teksten lagt oven på billedet og det samme med det
nederste billede og havde det været gennemsigtigt, så ville du
også kunne se igennem det.
--
med venlig hilsen
Knud
http://home13.inet.tele.dk/smedpark/
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Emerik Schultz-Petersen skrev:

> Så i virkeligheden skal der ved ikonet være 2 billeder oven i
> hinanden med ikonet i forgrunden og stregen i baggrunden.

Det lyder for mig lidt mere som om du har brug for en container med et
baggrundsbillede. Noget lign.:

<div style="backgroud:url(grastreg.img) repeat-x white;">
<a href="/"><img src="forside.img" alt="forside" /></a>
</div>

--
/Rune
w|http://kaboom.dk/

"Again, we remind you that frames are on their way out anyway."