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

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Lag hen over billede
Fra : Tom


Dato : 13-01-07 10:16

Hej

Jeg vil gerne vise et billede i en tabel.
Henover billedet skal der ligge et lag med et andet billede, der således
dækker udvalgte dele af det. Der skal ikke være nogen gennemsigtighed.

Når jeg forsøger med nestede divs kommer billederne blot sekventielt.

Er det ikke muligt at lægge billeder ovenpå andre billeder med layers?

Ellers, hvordan gør man?



 
 
Rune Jensen (13-01-2007)
Kommentar
Fra : Rune Jensen


Dato : 13-01-07 11:46

"Tom" wrote in message...

> Jeg vil gerne vise et billede i en tabel.
> Henover billedet skal der ligge et lag med et andet billede, der
således
> dækker udvalgte dele af det. Der skal ikke være nogen gennemsigtighed.
>
> Når jeg forsøger med nestede divs kommer billederne blot sekventielt.
>
> Er det ikke muligt at lægge billeder ovenpå andre billeder med layers?

Jo, men personligt synes jeg det er for besværligt


> Ellers, hvordan gør man?

Ved at lægge billedet ind som background-image i en style, og så det
andet som alm. <img>?

Har du et link til din side?


MVH
Rune Jensen

--
"Er det din underlæbe - eller går du med rullekrave?"
Kim Schumacker



Tom (13-01-2007)
Kommentar
Fra : Tom


Dato : 13-01-07 14:34


> Ved at lægge billedet ind som background-image i en style, og så det
> andet som alm. <img>?

Ja, det er en mulighed, men problemet er, at jeg gerne vil skalere billedet
der ligger i baggrunden og det tror jeg ikke man kan med baggrunde?

Derfor er jeg gået over til at forsøge med div i div, som fejler.

Elle rkan man angive at en baggrund skal fylde x * y pixels?

Tom



Jørgen Farum Jensen (13-01-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 13-01-07 15:43

Tom skrev:
>> Ved at lægge billedet ind som background-image i en style, og så det
>> andet som alm. <img>?
>
> Ja, det er en mulighed, men problemet er, at jeg gerne vil skalere billedet
> der ligger i baggrunden og det tror jeg ikke man kan med baggrunde?
>
> Derfor er jeg gået over til at forsøge med div i div, som fejler.
>
> Elle rkan man angive at en baggrund skal fylde x * y pixels?


Nej - du kan kun bestemme udstrækningen af
det element, du sætter baggrund på.

Hvad er det med skalering? Mener du, at du
vil sætte billedstørrelsen i procent af det
overordnede element?

div i div skal du ikke opgive, blot fordi
du ikke kan få det til at virke i først hug.
Her er en opskrift:

<div id="pix1">
<img src="billede1.jpg" ... >
<div id="pix2">
<img src="billede2.jpg" ... >
</div>
</div>
og i dit stylesheet:
#pix1 {
position:relative;
....
}
#pix2 {
position:absolute;
left:0;
top:0;
....
}


Billede 2 vil nu ligge oven på billede 1
og dække over dette. Igennem transparente
områder vil du så kunne se billede1.

Om baggrunde generelt se min artikel
http://www.webdesign101.dk/www/background/index.php

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i websidekonstruktion:
http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Tom (13-01-2007)
Kommentar
Fra : Tom


Dato : 13-01-07 17:23

> Nej - du kan kun bestemme udstrækningen af
> det element, du sætter baggrund på.
>
> Hvad er det med skalering? Mener du, at du
> vil sætte billedstørrelsen i procent af det
> overordnede element?

Jeg har et baggrundbillede som fylder 800*600, men den TD jeg vil placere
det som baggrund i fylder kun 400 * 300 og jeg vil nu angive, at
baggrundsbilledet skal fylde 400 * 300, så det bliver skaleret til 50% men
hele billedet fortsat præsenteres.


> div i div skal du ikke opgive, blot fordi
> du ikke kan få det til at virke i først hug.
> Her er en opskrift:

....som virkede i første hug

Mange tak!

Tom



Allan Vebel (13-01-2007)
Kommentar
Fra : Allan Vebel


Dato : 13-01-07 18:06

Tom skrev:

> skal fylde 400 * 300, så det bliver skaleret til 50%
> men hele billedet fortsat præsenteres.

Så er det bedre at skalere det i et grafikprogram.

--
Allan Vebel
http://html-faq.dk



Tom (13-01-2007)
Kommentar
Fra : Tom


Dato : 13-01-07 20:07


"Allan Vebel" <spam@do.not> wrote in message
news:45a91191$0$49197$14726298@news.sunsite.dk...
> Tom skrev:
>
>> skal fylde 400 * 300, så det bliver skaleret til 50%
>> men hele billedet fortsat præsenteres.
>
> Så er det bedre at skalere det i et grafikprogram.


Det er billeder der bliver uploadet og jeg kan ikke overskue at skalemre dem
alle




Jørgen Farum Jensen (13-01-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 13-01-07 23:14

Tom skrev:
> "Allan Vebel" <spam@do.not> wrote in message
> news:45a91191$0$49197$14726298@news.sunsite.dk...
>> Tom skrev:
>>
>>> skal fylde 400 * 300, så det bliver skaleret til 50%
>>> men hele billedet fortsat præsenteres.
>> Så er det bedre at skalere det i et grafikprogram.
>
>
> Det er billeder der bliver uploadet og jeg kan ikke overskue at skalemre dem
> alle

Hvis de alle sammen skal skaleres til
50 procent kan det da ikke være så
svært - ethvert grafikprogram kan vel
gøre via et batch-program eller en makro?

Under alle omstændigheder er det dødens
pølse at tvinge dine brugere til at downloade
8 gange så mange billeddata som der er brug
for.


--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i websidekonstruktion:
http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Allan Vebel (13-01-2007)
Kommentar
Fra : Allan Vebel


Dato : 13-01-07 23:42

Tom skrev:

> Det er billeder der bliver uploadet og jeg kan ikke
> overskue at skalemre dem alle

Det er du nødt til for at kunne anvende dem til formålet:

1. Baggrundsbilleder kan ikke skaleres.
2. Bruger du en anden funktion til det, bliver det grimt,
en browser er ikke god til skalering
3. Billederne fylder alt for meget i den store størrelse.

--
Allan Vebel
http://html-faq.dk



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

Månedens bedste
Årets bedste
Sidste års bedste