07. august 2008 - 21:39Der er
10 kommentarer og 1 løsning
max-width alternativ i IE6 & IE7
Hej
Er der nogle som kender en løsning på hvordan man kan lave en max-width og max-height for et billede?
Det skal bruges i et gallery, og nogle billede er større end 640x480 andre er mindre. Dem som er mindre en 640x480 skal vises normalt, de ander skal have størrelsen 640x480.
Har prøvet følgende i CS: -> Virker Firefox med ikke IE <style> .image { max-width: 200px; max-height: 200px; } </style>
Har prøve med <Pre ....> </Pre> Virker også kun i Firefox!
Har hørt der findes en PHP løsning? - Ellers måske en javascript løsning??
function fiximages() { imgs = document.getElementsByTagName("img"); for(i = 0, len = imgs.length; i < len; i++) { img = imgs[i]; if (img.className.toLowerCase().indexOf("image") > -1) { if (img.offsetWidth > 640 || img.offsetHeight > 480) { img.style.width = 640 + "px"; img.style.height = 480 + "px"; } } } } </script> </td>
Men når billederne bliver kaldt via: "$resultat2[picxl]"; melder IE fejl (Ikke implementeret) -> og det er hvor "<a href" starter at IE siger fejlen ligger :(
Firefox, laver også fejl. Den viser først billedet i orginal størrelse, trykker jeg på F5 (opdater) viser den billedet i maks 640x480 px.
Hmm.. Hvilken version af Firefox bruger du? Min test virkede fint med følgende:
Opera v9.51, FireFox v2.0.0.16, Internet Explorer 6 SP2
Jeg kunne godt tænke mig at se resultatet af din kode.. Eller bedre: din side live på nettet, så hvis du har mulighed for at uploade den, please do.. :-)
Nu er jeg ikke PHP programmør, men jeg vil skyde på at det skal være uden "" udenom $resultat2[picxl].. altså:
<? echo $resultat2[picxl]; ?>
Ellers vil den sikkert afslutte href's gåseøjne..
Eksempel (hvor der bruges "" udenom $resultat2[picxl]): Hvis $resultat2[picxl] indeholder HelloWorld, vil der komme til at stå:
$query = mysql_query("select id, ip, tableid, date_format(tid, '%e/%c %Y, %H:%i:%s') as tiden, pic, picxl, intro, text from $gaestebog WHERE tableid = '$id' order by tid desc");
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.