eli mikä maksaa kun suunnittelee sivua dreamweaver mx:llä ja on jakanut sivun niin että kolme framea, vasen, ylä ja pääframe.. Yläframessa on kuva vasemmassa laidassa ja keskellä gif animaatio ja oikealla olisi tarkoitus laittaa myös kuva.. No simppeliltä kuullostaa mutta mitä tehdä kun ongelmana seuraavanlainen..
Kun oikeanpuolimmaisen kuvan asettaa animaation perään ja laittaa align right, niin kuva kyllä menee oikealle, mutta pompsahtaa tavallansa seuraavalle riville.. Opera näyttää kyllä yläframen toivotula tavalla, eli kaikki kuvat vierekkäin tämä viimeisin oikealla, mutta esim Mozilla näyttää sen juuri siten kuin peletä saattaa eli kuva sijoitettuna toiselle riville jolloin yläframessa näkuu oikeanpuolimmaisesta kuvasta vain hieman huippua!
Eli eikö tässä ole muuta mahdollisuutta kuin sijoittaa kuva asetuksella align top jolloin se on animaatiossa lähes kiinni eikä kuvan oikeassa reunassa..? Vai voiko kenties jotenkin yhdistää align määritteessä top:in ja right:in? Vai pitääkö sivuille tehdä joku javascript tai vastaava joka kehottaa hakemaan operan eikä näytä muille.. heh.. No joo huono vitsi, mutta oikeastikkin ottaa jo hieman päähän tuo ja apu olisi tervetullutta..
******************************************
kysyvä on tyhmä vain kerran (yhdestä asiasta heh), mutta joka ei uskalla kysyä on tyhmä lopun ikäänsä ;)
Kun oikeanpuolimmaisen kuvan asettaa animaation perään ja laittaa align right, niin kuva kyllä menee oikealle, mutta pompsahtaa tavallansa seuraavalle riville.. Opera näyttää kyllä yläframen toivotula tavalla, eli kaikki kuvat vierekkäin tämä viimeisin oikealla, mutta esim Mozilla näyttää sen juuri siten kuin peletä saattaa eli kuva sijoitettuna toiselle riville jolloin yläframessa näkuu oikeanpuolimmaisesta kuvasta vain hieman huippua!
Eli eikö tässä ole muuta mahdollisuutta kuin sijoittaa kuva asetuksella align top jolloin se on animaatiossa lähes kiinni eikä kuvan oikeassa reunassa..? Vai voiko kenties jotenkin yhdistää align määritteessä top:in ja right:in? Vai pitääkö sivuille tehdä joku javascript tai vastaava joka kehottaa hakemaan operan eikä näytä muille.. heh.. No joo huono vitsi, mutta oikeastikkin ottaa jo hieman päähän tuo ja apu olisi tervetullutta..
******************************************
kysyvä on tyhmä vain kerran (yhdestä asiasta heh), mutta joka ei uskalla kysyä on tyhmä lopun ikäänsä ;)
Vastaukset 7
Vanhimmat
Pistä koko hoito kolmipalstaiseen tableen ellet jaksa testata kaikkia align-vaihtoehtoja. Solu kerrallaan saa sitten määrätä että onko vasen-keski-oikea ja ylä-keski-ala määreet oikein. menee läpi kaikilla selaimilla kun oikein säätää.
Onko koodissa rivinvaihto animoidun kuvan tagin ja seuraavan kuvatagin välillä? Siis ei -tagi, vaan ihan esim. koodin luettavuuden takia enterillä tehty.
Itse olen huomannut joissain Netscapen versioissa typerää käytöstä, joka tulkitsee sivua renderöitäessä tuollaisen rivinvaihdon -tagiksi! Todella ärsyttävä ominaisuus. Ei kauhean luettavaa koodia jos kaikki on yhdessä pötkössä ja rivinvaihtoa täytyy pelätä kuin ruttoa...
Tiedä sitten olisiko noissa mainitsemissasi marginaaliselaimissa samanlainen bugi?
Itse ratkaisisin tuon ongelman ehkä toteuttamalla linjauksen taulukolla, jolloin kaikkein vanhimpienkin selainten pitäisi klaarata homma. Toinen vaihtoehto olisi lisätä kuviin style-attribuutti tyyliin "". Mikäli nyt ymmärsin oikein millaita linjausta olet hakemassa...
Tee 1 pikselin kokoinen transparent gif-kuva ja määrää sen koko sopivaksi height- ja width -asetuksilla ja laita tämä kuva sopivaan paikkaan
nimetä se viimeinen kuva ja sitten laitat sille float: right -määrityksen tyylitiedostoon.
Aseta siihen väliin sopivan kokoinen läpinäkyvä GIF-kuva!
Tuo ratkaisu vaan on kävijän käyttämästä näyttöresoluutiosta riippuvainen, tosin ei merkitse jos sisältötaulukon leveys on määritelty. Mutta silloin siis ei toimi kaikilla resoilla, jos sisältö on koko ikknan levyinen.
eli juuh.. tein kuten tossa alussa neuvottiin.. ei onnannut parista ekasta vinkistä ainakaan mulla ku se taulukkojuttu.. mut kiitos siis kaikille neuvonantajille.. Joskohan tämä kiitosviesti tulis läpi..