trenger litt kodehjelp

trenger litt kodehjelp

Innleggav iguan » ons 05.09.2012 13:08

Har en utfordring med at noen versjoner hos MSIE ikke laster opp bildene...http://www.iguanfoto.no/portfolie.html

Noen som kan gi meg et godt tips på koding som kan unngå dette problemet?

Kode: Merk alt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>portfolio</title>
<link type="text/css" rel="stylesheet" href="iguan.css" />
<link rel="icon" type="image/png" href="../iguanfoto.png" />
</head>
<body>
<div id="index">
<ul id="nav">
   <li><a href="http://www.iguanfoto.no">om iguanfoto</a></li>
    <li><a href="http://www.iguanfoto.no/portrettfoto.html">portrettfoto</a></li>
     <li><a href="http://www.iguanfoto.no/produktfoto.html">produktfoto</a></li>
     <li><a href="http://www.iguanfoto.no/portfolie.html">portfolio</a></li>
       <li><a href="http://www.iguanfoto.no/priser.html">priser</a></li>
        <li><a href="http://www.iguanfoto.no/nyheter.html">nyheter</a></li>
         <li class="noBorder"><a href="http://www.iguanfoto.no/kontakt.html">kontakt</a></li>
</ul>
<div id="indikatorPortfolie"><p>________</p></div>
<div id="icon"></div>
<div id="portfoliehus"><p>Bilder vises ikke i Microsoft Explorer
<div class="img">
<img src="../portfolie/math_1.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/portrett_tone_2.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/oaaas.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/dobbel_boss.jpg" height="" width="850" alt="foto" /></div>
  <div class="img">
<img src="../portfolie/portrett_barn_3.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/portrett_barn_2.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/bror.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/boss_1.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/a_2.jpg" height="" width="850" alt="" /></div>
<div class="img">
<img src="../portfolie/kaffe.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/a.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/amg.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/ak.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/aas_fam.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/wen_1.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/hans.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/SRB_2735.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/ol_a.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/bror_4.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/kakelys.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/saltogpepper.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/alek.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/tassen.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/alek_2.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/tone_2.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/caps.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/stoler.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/krf.jpg" height="" width="850" alt="foto" /></div> 
<div class="img">
<img src="../portfolie/grovbroed.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/bror_kokk.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/torgrim_2.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/IMGP1573.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/ju.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/dans.jpg" height="" width="850" alt="" /></div>
<div class="img">
<img src="../portfolie/bror_32.jpg" height="" width="850" alt="" /></div>
<div class="img">
<img src="../portfolie/egg.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/vidar.jpg" height="" width="850" alt="" /></div>
<div class="img">
<img src="../portfolie/tivoli.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/bike_2.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/latter.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/wen_2.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/frokost.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/ambaker_2.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/am_fshoot.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/aogam.jpg" height="" width="850" alt="" /></div>
<div class="img">
<img src="../portfolie/amfshoot_2.jpg" height="" width="850" alt="" /></div>
<div class="img">
<img src="../portfolie/glassblomst.jpg" height="" width="850" alt="" /></div>
<div class="img">
<img src="../portfolie/wenpedal.jpg" height="" width="850" alt="" /></div>
<div class="img">
<img src="../portfolie/kai.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/mammatiltracy.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/hansogwenche.jpg" height="" width="850" alt="" /></div>
<div class="img">
<img src="../portfolie/fersken.jpg" height="" width="850" alt="foto" /></div> 
<div class="img">
<img src="../portfolie/handtak.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/SRB_2744_ak5 kopi.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/jvaabw.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/sunn.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/bil.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/fruktkake.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/ak_sommer.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/tracy_tracy.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/tracy.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/design_stol.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/plog.jpg" height="" width="850" alt="foto" /></div>
<div class="img">
<img src="../portfolie/aas_fam2.jpg" height="" width="850" alt="foto" /></div>
<br /><br /><div id="tiltoppen"><p><a href="http://www.iguanfoto.no/portfolie.html"><b>til toppen</b></a></p></div>
</div>
</div>

</body>
</html>



medlem i 167 måneder
 

Re: trenger litt kodehjelp

Innleggav Exlil » ons 05.09.2012 22:10

Hei

Grunnen er mest sansynlig at du har
Kode: Merk alt
height=""
på alle bilder, da vil IE har problemer med å vise bilde.

To måter å løse det på:
1)
Gi alle bilder en høyde også, ikke bare bredde.
Går du for denne må du alltid legge inn høyden til hvert bilde. Det blir fort mye arbeid, spesielt hvis du manuelt ligger inn alle bilder.

2)
Fjerne alt som har med "height" og "width" fra HTML-koden til bildene, sånn at eks:
Kode: Merk alt
<img src="../portfolie/dobbel_boss.jpg" height="" width="850" alt="foto" />

blir til:
Kode: Merk alt
<img src="../portfolie/dobbel_boss.jpg" alt="foto" />

Når det er gjort går du inn i CSS-filen din og legger inn denne koden:
Kode: Merk alt
.img img {
width: 850px;
height: auto;
}


Anbefaler løsning nr 2

Brukerens avatar
medlem i 183 måneder
 


Returner til XHTML/HTML



Hvem er i Forumene

Registrerte brukere: Ingen registrerte brukere