/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
2 billeder oven i hinanden
Fra : Emerik Schultz-Peter~


Dato : 22-04-02 12:05

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

 
 
scn (22-04-2002)
Kommentar
Fra : scn


Dato : 22-04-02 12:28

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




Emerik Schultz-Peter~ (22-04-2002)
Kommentar
Fra : Emerik Schultz-Peter~


Dato : 22-04-02 14:15

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

Knud Gert Ellentoft (22-04-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 22-04-02 17:11

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.

Rune Glerup (22-04-2002)
Kommentar
Fra : Rune Glerup


Dato : 22-04-02 20:22

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

Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408868
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste