Avatar billede kovalt Nybegynder
24. januar 2008 - 13:48 Der er 9 kommentarer

Placering af billede

Hej

Hvis man laver en div og indstætter et billede i denne bliver placering af billede altid foretaget med udgangpunkt i øverste venstre hjørne.

eks.

<div class='test'><img src='test.jpg'></div>

Hvor #test er;

#test{
position:absolute;
left:200px;
top:200px;
}

Kan man ændre dette til nederste højre hjørne således at hvis jeg indsætter et billede på 100*100 i ovenstående vil nederste højre hjørne i henhold til ovenstående være 200, 200 hvor imod øverste venstre hjørne ligger i 100,100.

På forhånd tak
Avatar billede stenger Nybegynder
24. januar 2008 - 13:57 #1
Prøv at sætte følgende ind i dit img-tag:

style="float:left; padding:0px 100px 0px 100px;"

Virker det?
Avatar billede kovalt Nybegynder
24. januar 2008 - 14:09 #2
Billedet bliver hentet fra noget CMS så jeg kender ikke størrelsen på det. Jeg kender kun det koordinatsæt hvor billeders nederste højre hjørne skal være.
Avatar billede stenger Nybegynder
24. januar 2008 - 14:13 #3
Vil mit eksempel ikke automatisk placere billedet 100px fra venstre kant og 100px fra toppen? Så er den sådan set fuldstændig ligeglad med størrelsen, det drejer sig kun om placering.

Kan godt være vi taler forbi hinanden her :) Hvordan vil du også få en fast koordinat-placering af dit billede, hvis størrelsen altid skifter?
Avatar billede kovalt Nybegynder
24. januar 2008 - 14:26 #4
jo men igen bliver billedet jo placeret ud fra billeder øverste venstre hjørne. Hvis jeg nu indsætter et billede på 600 * 600 ligger nederste højre hjørne ikke længere i 200,200 som var præmissen.
Avatar billede stenger Nybegynder
24. januar 2008 - 14:42 #5
Kan du ikke indsætte det som background-image?

Istedet for image-tag, så:

<span style="float:left; background-image:url('etellerandetlink'); background-repeat;no-repeat; background-position: right bottom;">&nbsp;</span>

Så vil det placere sig som et baggrundsbillede nederst i højre hjørne. Du kan så altid ændre right bottom og istedet indsætte værdier.

Nu ved jeg jo ikke hvorledes billedet bliver hentet ud, om det er via et tag eller en variabel, men så skal dette selvfølgelig sættes ind istedet for "etellerandetlink"...

Ved ikke om det er en mulighed?
Avatar billede roenving Novice
24. januar 2008 - 14:48 #6
-- eller absolut placering på img-tagget og så style="position:absolute;right:0;bottom:0;" !-)
Avatar billede kovalt Nybegynder
08. april 2008 - 22:18 #7
begge Jeres svar lader til at virke. Smider i et svar

beklager den lange svartid
Avatar billede stenger Nybegynder
08. april 2008 - 22:44 #8
Svar :)

Deler gerne med roenving
Avatar billede roenving Novice
10. april 2008 - 02:46 #9
Oki '-)
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