Søg
Avatar billede Slettet bruger
22. august 2002 - 21:55 Der er 22 kommentarer og
1 løsning

Et billede over et andet billede

Hej,

Er der ikke en der kan fortælle mig hvordan jeg i HTML kan ligge et billede (gif) oven i et andet billede (jpg)??

Jeg har siddet og rodet lidt med det men har ikke kunne finde en brugbar løsning, jeg har prøvet med at lade det ene billede virke som baggrund og så ligge det andet billede ind i en tabel, men det var en ret dårlig løsning :-(

Jeg er ved at være desperat!
Avatar billede Slettet bruger
22. august 2002 - 21:57 #1
Ligesom på denne side?? http://www.bredalsparken.dk
Det er et logo og et logoback..
Avatar billede Slettet bruger
22. august 2002 - 21:57 #2
Bare glo på koden så finde du det nok ;o)
Avatar billede krukken Mester
22. august 2002 - 22:00 #3
Gå op i menuen "Vis", og vælg "kilde"eller "source" som det hedder på engelsk! Her kan du finde hele koden for lige nøjagtig den side!
Avatar billede ztyxx Nybegynder
22. august 2002 - 22:04 #4
du skal bruge positionerede <div>
Avatar billede ztyxx Nybegynder
22. august 2002 - 22:05 #5
også kaldet layers
Avatar billede ztyxx Nybegynder
22. august 2002 - 22:06 #6
du kan se mere om det på
http://www.html.dk/tutorials/css/lektion15.asp
Avatar billede 7th Praktikant
22. august 2002 - 22:09 #7
Jeg er ret sikker på denne løsning er brugbar.

<html>
<head>
<title>Position</title>
<style type="text/css">

#gif
{
background-image: url("xxx.gif");
background-repeat: no-repeat;
position: relative;
left: 10px;
top: 10px;
height: 200px;
width: 200px;
}

</style>
</head>

<body>

<div id="gif"><img src="xxx.jpg" border="0" height="200" width="200"></div>

</body>
</html>
Avatar billede 7th Praktikant
22. august 2002 - 22:12 #8
Du kan eventuelt prøve at sætte <img src="xxx.jpg" border="0" height="200" width="200" style="filter:alpha(opacity: 50);"> ind for at se om det virker. Har lige selv testet, og det ser meget fornuftigt ud...
Avatar billede 7th Praktikant
22. august 2002 - 22:17 #9
Hovsa, du skal vist lige have byttet om på filendelserne...
<html>
<head>
<title>Position</title>
<style type="text/css">

#jpg
{
background-image: url("xxx.jpg");
background-repeat: no-repeat;
position: relative;
left: 10px;
top: 10px;
height: 200px;
width: 200px;
}

</style>
</head>

<body>

<div id="jpg">
<img src="xxx.gif" border="0" height="200" width="200" style="filter:alpha(opacity: 50);">
</div>

</body>
</html>
Avatar billede Slettet bruger
22. august 2002 - 23:13 #10
æhh, det var sgu hurtigt, folkens!! :-)
Jeg er godt på vej i seng, men kigger lige på det i morgen.
Avatar billede 7th Praktikant
22. august 2002 - 23:22 #11
Din kommentar kan derimod kalde alt andet end hurtigt ;)
Avatar billede 7th Praktikant
23. august 2002 - 12:12 #12
Et lille eksempel. http://www.justrandb.dk/eksperten/div-position.htm

Har tjekket i NS og Opera, og der ser ikke ud til at være nogen problemer.
Avatar billede sune.jakobsen Nybegynder
23. august 2002 - 12:52 #13
Det vil man til en vær tid gøre med layers defineret i et stylesheet... Du kan se en grundig tutorial og læse mere her: http://www.html.dk/tutorials/css/lektion15.asp
Avatar billede Slettet bruger
23. august 2002 - 17:56 #14
Tak, sune.jakobsen, det var et kanon link. Derfor får du alle points
Avatar billede sune.jakobsen Nybegynder
23. august 2002 - 18:43 #15
Takker...
Avatar billede 7th Praktikant
23. august 2002 - 20:06 #16
Må man venligst spørge hvad fanden der var galt med mit svar ? Jeg synes det lugter lidt af snyd.

"Kommentar: ztyxx 22/08-2002 22:06:11
Du kan se mere om det på http://www.html.dk/tutorials/css/lektion15.asp"

Nøjagtig samme link lægger sune.jakobsen og får fuld pointhøst.
Vel bruger jeg ikke layers i min løsning, men en løsning kan løses på flere måder.
Avatar billede resten Nybegynder
23. august 2002 - 21:23 #17
Ja jeg ville også gerne vide hvorfor du accepter et andet svar som er 100 % identisk med et andet som kommet først ?

Resten\
Avatar billede Slettet bruger
23. august 2002 - 22:04 #18
Jeg havde overset ztyxx svar, det vil jeg gerne undskylde over for ham, det var ikke med vilje!

Den løsning som ztyxx kom med passede bedre til min applikation end den anden.
Er der forresten en måde hvorpå man kan fortyde uddelingen af point??
Jeg vil gerne have at ztyxx skal have dem i stedet
Avatar billede resten Nybegynder
23. august 2002 - 23:23 #19
Nej der er ingen fortrydelses ret :\ men tænk dig om næste geng :)
Avatar billede 7th Praktikant
23. august 2002 - 23:40 #20
maximus : en god skik er altid at vedlægge en kommentar når man lukker et spørgsmål i stedet for bare at lukke og afvise uden at give lyd fra sig...

At du ikke kan bruge min løsning er oki, men det ville have været rart hvis du havde tilbagemeldt og sagt at den løsning kunne du ikke lige bruge. Så havde jeg jo fundet en anden løsning ;) Men nu lod du mig bare arbejde videre, og at du så bare afviser min løsning, som iøvrigt er ganske brugbart (med padding kan man forskyde layers), gør mig faktisk noget sur, men lad det være :) Done is done.
Avatar billede Slettet bruger
23. august 2002 - 23:58 #21
Det er vist ikke min dag lige p.t.
Jeg havde mistolket dit:
"Din kommentar kan derimod kalde alt andet end hurtigt ;)"
Jeg læste det lige i farten som et ";(".
Hvis du vender smiley'en om, bliver din kommentar pludselig negativ i stedet for med et smil/blink i øjet.
Så nu undskylder jeg over for dig oxo :-)
Avatar billede 7th Praktikant
24. august 2002 - 00:26 #22
Det er oki :) - læs den nu rigtigt denne gang ;)
Avatar billede Slettet bruger
24. august 2002 - 00:31 #23
Det gør jeg og det ligner godt nok et ";)" :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
White papers
Flere white papers »