Avatar billede deamill Nybegynder
21. marts 2011 - 11:17 Der er 11 kommentarer og
1 løsning

Placering af billede nederst til højre...

Hejsa,

Jeg kan ikke få et billede placere nederst til højre, lige meget hvad jeg gør...

Med nedenstående kode placerer billedet sig til højre med fin tekst ombrydning men i toppen. Hvordan pokker får jeg den til at placere billedet nederst til højre på siden?

Jeg har prøvet alt muligt med style"" i IMG definitionen, og jeg kan simpelthen ikke få den til det... Nogle gode forslag.

<td class="textarea" width="100%" height="100%">

  <IMG SRC="..billede..." BORDER="0" ALT="" ALIGN="RIGHT">
  <br>
  <H2>Overskrift....</H2>
  <br>
  Tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
  tekst tekst tekst .....
  tekst tekst tekst .....
  tekst tekst tekst .....
  <br>

</td>
Avatar billede majbom Novice
21. marts 2011 - 11:46 #1
prøv med:

style="position: absolute; bottom: 0; right: 0;"


på dit img-element
Avatar billede deamill Nybegynder
21. marts 2011 - 11:57 #2
Hmm, det har den effekt at billedet godt nok kommer ned i højre hjørne, men det ryger helt uden for den tabel det er i
Avatar billede sobr Nybegynder
21. marts 2011 - 12:12 #3
Billedet skal jo placeres rigtigt i koden - prøv med:


<td class="textarea" width="100%" height="100%">

  <br>
  <H2>Overskrift....</H2>
  <br>
  Tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
  tekst tekst tekst .....
  tekst tekst tekst .....
  tekst tekst tekst .....
  <br>
  <IMG SRC="..billede..." BORDER="0" ALT="" ALIGN="RIGHT">
</td>
Avatar billede olebole Juniormester
21. marts 2011 - 18:59 #4
<ole>

sobr >> Nej, det hjælper da ikke noget, hvis det absolut positionerede element ikke ligger i et andet positioneret element.

<td class="textarea" width="100%" height="100%">
<div style="positione:relative;width:100%;height:100%">
  <br>
  <H2>Overskrift....</H2>
  <br>
  Tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
  tekst tekst tekst .....
  tekst tekst tekst .....
  tekst tekst tekst .....
  <br>
  <img style="position:absolute;bottom:0;right:0" src="..billede..." alt="">
</div>
</td>

/mvh
</bole>
Avatar billede olebole Juniormester
21. marts 2011 - 19:00 #5
- og så er det i øvrigt rystende ligegyldigt, om det er skrevet foroven - i midten - eller forneden i cellen  *o)
Avatar billede sobr Nybegynder
21. marts 2011 - 19:42 #6
Nej ole - det har du da ret i - men jeg nævnte heller ikke noget om position.

Måske har jeg misforstået, hvor han ville ha' det?

Jeg forstod det ikke som, at det var et baggrundsbillede, men et billede, som hørte til i teksten.
Avatar billede deamill Nybegynder
22. marts 2011 - 12:42 #7
@olebole

Takker, det hjalp, svar venligst :-)
Avatar billede olebole Juniormester
22. marts 2011 - 15:31 #8
Ellers tak, jeg samler ikke  =)
Avatar billede deamill Nybegynder
22. marts 2011 - 16:45 #9
Hehe, ok men så må en af jer andre da gerne svare :p
Avatar billede majbom Novice
23. marts 2011 - 08:47 #10
well, jeg skrev jo egentlig den samme css på dit img-element som olebole, så..
Avatar billede majbom Novice
23. marts 2011 - 09:50 #11
tfp :)
Avatar billede olebole Juniormester
23. marts 2011 - 14:58 #12
- og for lige at præcisere reglen:

Et absolut positioneret element, placerer sig i forhold til det første, omkransende element, som er positioneret.

Findes et sådan ikke, placerer elementet sig i forhold til body elementet.
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