Avatar billede janemil Nybegynder
12. december 2014 - 12:43 Der er 4 kommentarer og
1 løsning

Tekst oven på billede.

CSS

.div {
    margin: 0px;
    padding: 0px;
}
.pageimgblock{
    overflow: hidden;
}
.pageimgblock img {
  display:block;
  margin:0px auto;
  max-width: 100%;
  min-width:1010px;
  height: auto;
  overflow: hidden;
}

HTML
<div class="pageimgblock" id="img1"><img src="/img/perfect_1.jpg" /></div>
<div class="pageimgblock" id="img2"><img src="/img/perfect__2.jpg" /></div>

Hvordan ligger jeg noget tekst over billedet. Er med på teksten skal i en div.

Men det er det med at låse det fast til hjørnet på billedet og flytte det til den position jeg ønsker.
Eksempler jeg finder på nettet virker fint. Men når jeg skal lave det på min egen side driller det.
Avatar billede michael_stim Ekspert
12. december 2014 - 12:57 #1
Avatar billede janemil Nybegynder
12. december 2014 - 13:02 #2
Ja det er jeg med på. Men hvordan sætter man det fast på et billede?
Avatar billede Deepone Nybegynder
12. december 2014 - 13:29 #3
Du kan gøre det ved at sætte position:relative i pageimgblock. og position:absolute i en span eller div som du smider ind i pageimgblock...

check evt denne side:
http://css-tricks.com/text-blocks-over-image/
Avatar billede janemil Nybegynder
18. december 2014 - 12:27 #4
Deepone kan du ligge svar for point?
Avatar billede Deepone Nybegynder
18. december 2014 - 13:58 #5
svar
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

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