Avatar billede mik28 Seniormester
30. januar 2008 - 06:00 Der er 2 kommentarer og
1 løsning

lægge 1 billede oven på et andet

Hej Eksperter,

Jeg har et billede som jeg skal lægge oven på et andet, for at skabe en rammeeffekt. Hvad er den smartest måde at gøre det på. Hvis nu det nedeste billede en 100*100px og det billede som skal ovenpå er 50x50px og skal sidde i øverste venstre hjørne 5px fra top og venstre.
Avatar billede stenger Nybegynder
30. januar 2008 - 09:46 #1
Du lægger det bagvedliggende billede i en div, som baggrundsbillede.

Eksempel:

#etellerandetnavn {
    float:left;
    width:100px;
    height:100px;
    background-image:url('stitilditbillede');
    background-position:left top;
    background-repeat:no-repeat;
    padding:0;
}

Inde i din kode kan du så indsætte dit andet img i den ovenstående div:

<div id="etellerandetnavn">
<img src="stitilditandetbillede" alt="" border="" style="float:left; padding:5px 0px 0px 5px;" />
</div>


Prøv det og lad mig høre om det virker :)
Avatar billede roenving Novice
30. januar 2008 - 23:16 #2
Hrm, jeg synes en bedre måde at gøre det på måske kan være (afhængig af din kontekst !-)

<div id="noget" style="position:relative;">
  <img src="detBagesteBillede.jpg">
  <img src="detDerErOvenpaa.gif" style="display:block;left:5px;top:5px;">
</div>
Avatar billede mik28 Seniormester
11. juli 2010 - 15:28 #3
lukker
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