31. august 2006 - 14:28Der 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...
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" )))
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å :) )
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;">
[ 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 ...
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.