Avatar billede kak Nybegynder
03. maj 2006 - 21:37 Der er 13 kommentarer og
1 løsning

Billeder i flere lag

Kan det lade sig gøre, at placere flere billeder oven på hinanden, og stadig vælge bredden på billederne?

Jeg har prøve med baggrundsbilleder i en tabel eller et div, og derefter det andet billede inde i tabellen/div'et.

Det virker også, men jeg kan ikke få sat bredden på billedet i tabellen/div'et. Jeg sætter det med background-image:url('billede.gif') og vil som sagt gerne kunne styre størrelsen på billede.gif.

Kan det lade sig gøre, måske ved at lægge billederne i flere lag via en anden metode?
Avatar billede weis Nybegynder
03. maj 2006 - 21:47 #1
Det kan laves med layers. Fx:

<div id="Layer1" style="position:absolute; left:125px; top:67px; width:100px; height:100px; z-index:1"><img src="billede1.gif" width="100" height="100"></div>
<div id="Layer2" style="position:absolute; left:160px; top:84px; width:100px; height:100px; z-index:2"><img src="billede2.gif" width="100" height="100"></div>

Så kan du ændre størrelsen under style (som også kan ligges ind under en css fil)
Avatar billede kak Nybegynder
03. maj 2006 - 22:05 #2
Problmet er, at der er et forskelligt antal billeder på siden, og jeg derfor ikke kan bruge præcise koordinater. Kan jeg løse det problem på nogen måde?
Avatar billede weis Nybegynder
03. maj 2006 - 22:08 #3
Jeg tror ikke du kan lave det hvis det er i rent HTML, så skal du nok over i noget ASP eller PHP
Avatar billede olebole Juniormester
03. maj 2006 - 22:17 #4
<ole>

Hvad er det præcist, du skal lave?

/mvh
</bole>
Avatar billede kak Nybegynder
03. maj 2006 - 22:18 #5
Det må gerne være via asp, men så vidt jeg ved, kan jeg ikke gøre det med asp. Det er nærmere css eller måske javascript der skal bruges.
Avatar billede kak Nybegynder
03. maj 2006 - 22:22 #6
Jeg vil gerne vise en række billeder (antallet kan variere). Hvert billede skal have en præcis bredde og så skal der være et billede (eller en tekst) oven på billede. Det kunne f.eks. være ordet "copyright".
Avatar billede olebole Juniormester
03. maj 2006 - 22:39 #7
<span style="position:relative">
    <span style="position:absolute;left:10px;bottom:10px;z-index:2">(C) - Copyright</span>
    <img src="pic.jpg" alt="mit billede">
</span>
Avatar billede olebole Juniormester
03. maj 2006 - 22:41 #8
- jeg viste det med et span og tekst, men du kan ligeså godt bruge et billede  :)
Avatar billede kak Nybegynder
04. maj 2006 - 08:33 #9
Hvis jeg laver en side, der kun har det viste eksempelt, bliver billedet placeret i toppen af siden, og teksten i bunden, så det virker ikke helt :-(
Avatar billede olebole Juniormester
04. maj 2006 - 15:30 #10
Jeg kan jo kun give dig et eksempel, når du ikke forklarer, hvad det præcist er, du skal lave.
I det eksempel, jeg viste, lægger teksten sig i nederste venstre hjørne - 10px fra venstre og 10px fra bunden ... og det virker fint  :)
Avatar billede kak Nybegynder
04. maj 2006 - 15:38 #11
Jeg vil som gerne forklare præcis hvad jeg skal lave. Det troede jeg nu, jeg allerede havde gjort?! Men jeg prøver igen....

Der skal vises billeder fra forskellige arrangementer på en side. Der kan være fra 1 til uendelige billeder til et arrangement, så derfor ved jeg ikke præcist, hvor på skærmen alle billederne vises.

Billederne bliver hentet dynamisk.

For at beskytte billederne en smule, vil jeg gerne have en tekst/et billede placeret oven på hvert billede.

Det er rigtigt, at dit eksempel placerede teksten i bunden, så du har ret i, at det virker som det skal. Det er bare ikke lige det, jeg søger efter :-)
Avatar billede kak Nybegynder
10. maj 2006 - 16:34 #12
Jeg lukker spørgsmålet, så vil I smide et svar (olebole og weis)?
Avatar billede kak Nybegynder
03. august 2006 - 11:48 #13
Opdagede lige, at denne stadig er åben. Vil I oprette nogle svar, så jeg kan give jer point og lukke?
Avatar billede olebole Juniormester
04. august 2006 - 11:28 #14
- et svar herfra  :)
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