Finne feil i css koding.

[ZeRKoX]

Jeg driver å utvikler en nettside til en butikk, og det har i den forbindelse dukket opp et problem i forbindelse med CSS og html filene. Klarer dere å se hva som gjør at produktene ikke blir listet opp på rett måte? Det mangler et par i venstre kollonne...

 

http://beta.eikensbilstereo.no/?pg=produkt...1000&b=1002

Endret 12. januar 2009 av obrestad

[Jooakim]

Det er ikke så fryktelig lett å vite hva du mener med at de ikke vises på en "rett" måte - når jeg ikke vet hvordan det skal se ut. Om problemet er at det er noen steder hvor det ikke blir listet opp et produkt, er nok løsningen å sette lik høyde på alle bildene (noen er 100px og noen er 75px).

 

Du bør forøvrig legge til Firebug og HTML Validator (du har mange feil i HTML-koden!).

[olasonn]

Jeg driver å utvikler en nettside til en butikk, og det har i den forbindelse dukket opp et problem i forbindelse med CSS og html filene. Klarer dere å se hva som gjør at produktene ikke blir listet opp på rett måte? Det mangler et par i venstre kollonne...

 

http://beta.eikensbilstereo.no/?pg=produkt...1000&b=1002

#column2 #produkt { height: 113px}

 

Dette løser den.

Måtte gå opp til 113 ettersom bildet øverst til høyre ikke har samme dimensjon som de andre.

 

Det som hendte er at når bilder har forskjellig høyde og de float'er, så vil de av om bildet til venstre er høyere enn det til høyre komme under det til høyre.

Litt vanskelig forklart kanskje, men håper du forsto.

[ZeRKoX]

Skal jeg sette høyden til 113 da? Hva hvis et av bilde blir lastet opp i en annen dimensjon da?

[Jooakim]

Du kan jo definere height="xxx" i <img> - på samme måte som du har definert width?

[ZeRKoX]

Problemet er at bildene kan ha forskjellig dimmensjon, og derfor vil jeg bare definere den ene...

[olasonn]

Problemet er at bildene kan ha forskjellig dimmensjon, og derfor vil jeg bare definere den ene...

Det peneste designmessig vil helt klart være å ha samme height og width på bildene.

Og dette SKAL gjøres i Photoshop e.l. før opplasting, og ikke i koden.