WN - Någon som är expert på att koda CSS?

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Någon som är expert på att koda CSS? (https://www.wn.se/forum/showthread.php?t=1047651)

Det finns lösningar mha. expressions i IE's CSS-motor.
Läs mer på
http://perishablepress.com/press/200...rnet-explorer/

Kod:

max-width:64px; max-height:64px;

Är CSS men "inline styling".

Du kan ju annars kika på jquery thumbs: http://joanpiedra.com/jquery/thumbs/
Har använt det på flera sidor, fungerar bra och är lätt att installera.

Citat:

Ursprungligen postat av Jine (Inlägg 20401835)

Det finns lösningar mha. expressions i IE's CSS-motor.
Läs mer på
http://perishablepress.com/press/200...rnet-explorer/

Jag vet inte om det går att kombinera de båda IF-satserna så det blir både maxberdd och maxhöjd där det dessutom inte är avgjort om bilden är stående eller liggande, samt att koden är inte är gjord för bilder utan är gjord för divvar och textrutor osv

Citat:

Ursprungligen postat av WeaZear (Inlägg 20401836)

Kod:

max-width:64px; max-height:64px;

Är CSS men "inline styling".

Du kan ju annars kika på jquery thumbs: http://joanpiedra.com/jquery/thumbs/
Har använt det på flera sidor, fungerar bra och är lätt att installera.

"max-width & max-height" fungerar tyvärr inte på bilder i Internet Explorer :(

Jqueryscriptet är fint, men efter att ha läst och sett demon i länken så verkar det inte göra miniatyrer på det traditionella viset genom att minska bilden, utan det skär ut en miniatyr av den stora bilden.

max/min-height finns som sagt inte i IE.
Men expressions finns, om du funderar noga och läser länken jag skickade + kommenterar så tror jag det löser ditt problem. Att exemplet är för divs spelar ingen som helst roll, båda är blockelement. Du nämnde ju själv att min/max-height inte fungerar i IE, det där är lösningen.

Har inte tid att posta kod atm, men jag är säker på att det går att lösa.

EDIT:
WeaZear, det är inte alls inline-styling, beror ju helt och hållet på var du lägger koden.
min/max-height/width är korrekt sätt att göra det. (om man inte ska göra korrekta thumbnails i backenden - vilket är föredraget sätt)

IE9+ och FF, webkit-läsare klarar av det.

EDIT2:
Undvik JS om du kan, bla. jag (och många fler) kör med noscript.

Citat:

Ursprungligen postat av Jine (Inlägg 20401852)

Jag ska klia mig i huvudet och ta en ny titt.
Om du kan ge exempelkod senare när du har tid så skulle jag vara väldigt tacksam, för jag börjar tro att det inte går att lösa.

Vänta lite...
Jag tror att jag hittade nåt bland de hundratals kommentarerna i länken...

Efter en del modifiering så verkar det som om det fungerar! :)

Kod:

<style type="text/css">

.my_img_96 {

    max-width: 96px;

    max-height: 96px;

    /* Resize the image for IE */

height:expression(this.height>=this.width && this.height>95?96:true);

width:expression(this.width>=this.height && this.width>95?96:true);



}

</style>





<img class="my_img_96" src="bild1.jpg">

<img class="my_img_200" src="bild2.jpg">

...osv

Detta måste testas mer, men just nu ser det riktigt ljust ut!
Tack Jim!!