Avatar billede maxer Nybegynder
31. august 2006 - 14:28 Der er 10 kommentarer og
1 løsning

billedændring i forskellige browsere

Hej,

Jeg ændrer og placerer et billede via en thumb sådan her
obj.setAttribute("width","300px");
obj.setAttribute("height","150px");
obj.style.marginTop = "20";
obj.style.marginLeft = "0px";

det virker perfekt i Opera.
I FF sættes height og width som det skal, men margin sættes ikke.
I IE er det omvendt, her sættes margin fint, men der kommer ingen ændring i height og width...

Nogen ide om hvad jeg kan gøre?
Avatar billede mclemens Nybegynder
31. august 2006 - 19:14 #1
prøv:
obj.setAttribute("width","300");
obj.setAttribute("height","150");
obj.style.marginTop = "20px";
obj.style.marginLeft = "0px";

eller:

obj.style.width="300px";
obj.style.height="150px";
obj.style.marginTop = "20px";
obj.style.marginLeft = "0px";
Avatar billede mclemens Nybegynder
31. august 2006 - 19:16 #2
((( obj.style.marginTop = "20"; <- husk definering på størrelsen ...
obj.setAttribute("width","300px"); <- man skriver width="300"
obj.setAttribute("height","150px"); <- og ikke width="300px" )))
Avatar billede mclemens Nybegynder
31. august 2006 - 19:16 #3
Nåh joh :)
Avatar billede maxer Nybegynder
31. august 2006 - 19:27 #4
Holy crap, er det virkelig bare det?! hvor åndsvagt at der skal "px" på nogen steder, men ikke andre... jesus... men mange tak!
Forstod dog ikke hvad du mente med:

((( obj.style.marginTop = "20"; <- husk definering på størrelsen ...
obj.setAttribute("width","300px"); <- man skriver width="300"
obj.setAttribute("height","150px"); <- og ikke width="300px" )))
Avatar billede maxer Nybegynder
31. august 2006 - 19:30 #5
det var forresten

obj.setAttribute("width","300");
obj.setAttribute("height","150");
obj.style.marginTop = "20px";
obj.style.marginLeft = "0px";

der virkede
Avatar billede mclemens Nybegynder
31. august 2006 - 19:50 #6
Velbekom, og tak for point :o)
P.s.: ( De virker begge, men afhængig af om man vil bruge style
eller attributter er det den ene eller den anden valget falder på :) )
Avatar billede mclemens Nybegynder
31. august 2006 - 19:59 #7
[ Forstod dog ikke hvad du mente med: ...]

obj.style.marginTop = "20"; ... Når du definerer en størrelse skal du
definere hvilken størrelse der er tale om ... f.eks. %, px, pt, em ...
eksempel: <img src="billede.jpg" style="width:300px;height:150px;margin-left:0px;margin-top:20px;">

obj.setAttribute("width","300px"); ... Mens når du derimod sætter en width eller height som attribut og ikke som style så skal du ikke have px med eksempel:
<img src="billede.jpg" width="300" height="150" style="margin-left:0px;margin-top:20px;">
Avatar billede maxer Nybegynder
31. august 2006 - 20:04 #8
hmm... hvorfor skal man ikke det? det har jeg altid gjort, og det har da altid virket i alle browsere når det bare er hardcodet...

Jeg læste i et tidligere spørgsmål at det var .setAttribute man var ved at gå hen til, så den har jeg brugt.
Avatar billede mclemens Nybegynder
31. august 2006 - 20:21 #9
[ hmm... hvorfor skal man ikke det? det har jeg altid gjort, og det har da altid virket i alle browsere når det bare er hardcodet... ] Ja, men det virker ikke når IE får det serveret via javascript ... jeg kan dog godt se at det åbenbart ser ud til at være ok med begge dele når det er hardcodet (indrømmet det er første gang jeg ser en skrive px efter en størrelses attribut) - men px bagefter i width og height attributter er overflødigt (og skaber som her - fejl) ...

[ Jeg læste i et tidligere spørgsmål at det var .setAttribute man var ved at gå hen til, så den har jeg brugt. ] Ja, den er der slet ingen problemer med - det er px efter størrelsen i setAttribut defineringen der kikser ...
Avatar billede maxer Nybegynder
31. august 2006 - 20:32 #10
okay. mange tak for al hjælpen!
Avatar billede mclemens Nybegynder
31. august 2006 - 20:41 #11
Velbekom :o)
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



IT-JOB

Udviklings- og Forenklingsstyrelsen

Business Analyst med flair for test

Metroselskabet og Hovedstadens Letbane

Cyber Security Konsulent

Cognizant Technology Solutions Denmark ApS

Test Architect - Projects