VRCF - keskustelua teknisestä toteutuksesta

Lähdekoodi kuvan osalta näyttää tältä:

Koodia: [Valitse]

<div align="scale">
<a href="http://www.vrcf.fi/foorumi/index.php" target="_blank">
<img src="http://i51.tinypic.com/300bj36.jpg" width="100%" height="100%" border="0">
</a>
</div>
What you CAN do, however, is have the <img> proportionally scale within one-axis limit. Lähde

Height-määrite pois niin toimii?

Mun html/CSS osaaminen ei ole jumalallista ja tämä on vain googlailun ja järkeilyn aikaansaama ehdotus.

otin korkeusmäärityksen pois.

Testaajilta kommenttia.

IE8 ei hallitse sitä vieläkään. Nyt se menee pelkäksi viivaksi.

otin korkeusmäärityksen pois.

Testaajilta kommenttia.

Periaattees, pitäis toimia ilman korkeus määritystä oikein.. koska img-elementti kyl osaa tilansa varata automaattisesti, ellei sit erikseen joku css-määritys pienennä..

IE8 ei hallitse sitä vieläkään. Nyt se menee pelkäksi viivaksi.

Laita height="118px" - sit pitäis toimia varmasti  (joskin joku muu määritys voi tuohon kuvaan edelleen vaikuttaa, täytyis syventyä koodiin..)

Laita height="118px" - sit pitäis toimia varmasti  (joskin joku muu määritys voi tuohon kuvaan edelleen vaikuttaa, täytyis syventyä koodiin..)

Wau - yhteistyöllä tämä lähtee pelittämään.

Nyt siellä on tuo määritetty koko.

Jatkossa kuvaksi tulee todennäköisesti 1920px x xxxpx kokoinen kuva, joka skaalataan foorumin  leveyteen.

Laita height="118px" - sit pitäis toimia varmasti  (joskin joku muu määritys voi tuohon kuvaan edelleen vaikuttaa, täytyis syventyä koodiin..)

Paitsi että tässä ratkaisussa kuvan mittasuhteet muuttuvat näytön (selainikkunan) leveyden muuttuessa.

Näköjään sivusto tosiaan muuttuu selaimen koon mukana. Kiinteä määritys oli parempi, elää suhteellisen rajusti tuo sivuston layot selaimen mukaan

Tuo yläbanneri on tosiaan vain demokäytössä nyt -- siihen on tulossa vastaavalla idealla yhteistyökumppanin banneri.

Mutta toki ideoita otetaan vastaan siitä, kuinka tuon voisi parhaiten toteuttaa. Tällä hetkellä html-koodia sijoitetaan tuonne SMF-softan mainosmodin avulla. Eli tämän SMF:n teeman css:t vaikuttaa asiaan. Toki voisi ajatella ihan "kovakoodata" tuon bannerin tonne.

Paitsi että tässä ratkaisussa kuvan mittasuhteet muuttuvat näytön (selainikkunan) leveyden muuttuessa.

Tosiaan joo, empäs skaalautumista ajatellu.. Sinällään nopeesti vilkastuna en löytäny tuosta lähdekoodin puolesta mitään mikä IE:llä aiheuttais ton, että kuva ei näy ku pari pikseliä (tai yks mahdollinen aiheuttaja voi olla dokumentintyyppi - transitional, selaimet tulkitsee sivua melkein miten haluaa).. Tiätty vois kokeilla:
<img src="http://i51.tinypic.com/300bj36.jpg" width="100%" border="0" style="height: auto;">

ja samallahan nuo muutkin määritykset vois heittää CSS puolelle eli styleen:
<img src="http://i51.tinypic.com/300bj36.jpg" style="width: auto; height: auto; border: 0;>
(joskin edelleen tullaan siihen että miten sit IE tulkitsee.. )

Tiätty vois kokeilla:
<img src="http://i51.tinypic.com/300bj36.jpg" width="100%" border="0" style="height: auto;">

Laitoin nyt noin. Miltä vaikuttaa?

Laitoin nyt noin. Miltä vaikuttaa?

Ainakin mulla näyttää nyt IE Tester IE6-8 versioilla ihan oikein ton bannerin.
Ja näyttäis pikatestauksella toimivan Chrome, Firefox ja Operakin... Näin siis ainakin mulla 

Ainakin mulla näyttää nyt IE Tester IE6-8 versioilla ihan oikein ton bannerin.
Ja näyttäis pikatestauksella toimivan Chrome, Firefox ja Operakin... Näin siis ainakin mulla 

komppaan tätät chrome, ff, opera ja ie8

Ainakin mulla näyttää nyt IE Tester IE6-8 versioilla ihan oikein ton bannerin.
Ja näyttäis pikatestauksella toimivan Chrome, Firefox ja Operakin... Näin siis ainakin mulla 

Hyvä! Iso käsi sulle jo tässä vaiheessa, vielä kun saadaan noi h*m*mäkkimiehet kertomaan meneekö safarilla kaikki ok. No mutta miksipä ei menisi....

Hyvä! Iso käsi sulle jo tässä vaiheessa, vielä kun saadaan noi h*m*mäkkimiehet kertomaan meneekö safarilla kaikki ok. No mutta miksipä ei menisi....

Eipäs mittää, kiva vaan jos jotenkin auttaa pystyn 
Ja tossa nopia testi Safarilla joskin win-puolella, mut sama moottorihan siinä on, niin vaikuttais toimivan..

Kiitokset koko tiimin puolesta teknisestä avusta.

Eipäs mittää, kiva vaan jos jotenkin auttaa pystyn 
Ja tossa nopia testi Safarilla joskin win-puolella, mut sama moottorihan siinä on, niin vaikuttais toimivan..

Tätä foorumia on todellakin tarkoitus tehdä yhteistyössä kaikkien jäsenten voimin, tässä jälleen yksi esimerkki siitä!

Nyt sitten vaan odotellaan, että saadaan sieltä yhteistyökumppanilta kuvamateriaali.