Avatar billede filip_b_l Nybegynder
13. december 2001 - 23:01 Der er 8 kommentarer og
1 løsning

billede ovenpå billede...

Hej
Jeg ved man kan sætte et billede oven på et andet vha. dhtml (tror jeg nok). Spørgsmålet er hvordan ?. Jeg har en topbar som er indsat som et billede altså ikke som et body background og for at undgå forvrængning ved scalering har jeg lavet´et logo som skal vises ovenpå som en transperant gif! Håber nogen kan hjælpe!
Avatar billede medions Nybegynder
13. december 2001 - 23:04 #1
prøv at hop en tur ind på www.html.dk under CSS sektionen, der kan det laves i Style Scheats! Ikke så svært enda ;-)
Avatar billede brita Nybegynder
13. december 2001 - 23:08 #2
hvorfor lægger du ikke bare billederne ovenpå hinanden i et billedbehandlingsprogram..... uden forvrængning..... så skal siden loade et billede mindre !
Avatar billede medions Nybegynder
13. december 2001 - 23:09 #3
Avatar billede hono Nybegynder
13. december 2001 - 23:09 #4
du skal bruge css\' 2D-positionering.

Gør således:

<img src=\"#\" style=\"position:absolute;left:20;top:30;\">

Du kan ved position skrive enten absolute (som her) eller relative. Relative gør at billedet placeres i forhold til foregående element. Absolute gør at det placeres i forhold til vinduets øverste venstre hjørne. Left betyder så antal pixels til venstre og tilsvarende ved top. Giver du to billeder de samme koordinater placeres de lige oven i hinanden, og så kan du ellers lege med at rykke dem rundt

Hono
Avatar billede wagner Nybegynder
13. december 2001 - 23:12 #5
Du kan ligesom Medion siger bruge css.
Her et eksempel som du skal sætte ind i head:
<style type=\"text/css\">
img.x
{
position:absolute;
left:0;
top:0;
z-index:-1
}
</style>

i dit billede skal du erklære x som klasse
<img src=\"tjaa\" class=\"x>
Du kan også lægge det ud i et separat css dokument.

/Wagner
Avatar billede cdc Novice
13. december 2001 - 23:16 #6
kan du ikke lægge billedet som bagrund i en celle, og lægge det andre ind i cellen, det er da meget nemt......!

/cdc
Avatar billede gryn Nybegynder
14. december 2001 - 13:29 #7
Jeg vil råde dig til at benytte /cdc\'s forslag, da det både er det nemmeste og det sikreste.

eks.
<table width=\"500\" height=\"200\">
<tr><td background=\"bagerst.gif\" align=\"center\">
<img src=\"øverst.gif\" wi...>
</td></tr>
</table>
Avatar billede first-8 Nybegynder
14. december 2001 - 19:45 #8
Jeg ville nu hellere være med til, at du lægger \"lortet\" ind i en <div>, eksempel følger:

<div id=\"Layer1\" style=\"position:absolute; left:330px; top:100px; z-index:0; width: 330px; height:500px;\"><img src=\"ditbillede.gif\"></div>
[ Lav så en tilsvarende div med ID\'et Layer2, og placér det, der hvor det skal være ]

Så kan du så osse lave billedet gennemsigtigt, vha. \'transparant-hed\' (har ikke lige noget eksempel, men jeg ved, at der er en source med det, inde på http://www.phpuniverset.dk inde under Web-tips, tror jeg nok)
Det skal lige siges, at der selvfølgelig kan ændres på width og height i <div>\'en

/ Toke
Avatar billede medions Nybegynder
13. marts 2002 - 18:53 #9
Thx 4 Poinz
//>Rune
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester