Jos teen kotisivuille taulukon ja laitan esim otsikon ensimmäiselle riville.
Otsikon taustaväriksi laitan vaikka sinisen, mutta en halua, että koko
rivi on sininen, vaan toinen reuna olisi valkoinen ja väri vaihtuisi liukuen. Eli kuinka tälläisen tekeminen onnistuu?
Otsikon taustaväriksi laitan vaikka sinisen, mutta en halua, että koko
rivi on sininen, vaan toinen reuna olisi valkoinen ja väri vaihtuisi liukuen. Eli kuinka tälläisen tekeminen onnistuu?
Vastaukset 6
Vanhimmat
yksinkertaisin olisi sellainen että teet jollakin kuvankäsittely-ohjelmalla kuvan joka yhden pikselin levyinen ja n pikseliä korkea (vaikka juuri kyseisen solun korkuinen)
tähän kuvaan teet liukuvärin s.e. ylhäällä on sininen ja alhaalla valkoinen (siihen löytyy varmaan valmis työkalu kuvankäsittely-ohjelmasta)
asetat tämän taustakuvan solun taustakuvaksi s.e. se toistaa itseään sivusuunassa (taitaa tehdä sen automaattisesti, joten sen kummempia css määrityksiä ei taida tarvita)
Kyllä siihen ne css-määritykset tarvii laittaa, koska toiset selaimet saattaa jostain syystä suurentaa taulukon korkeutta ja sittehän sieltä alkaa tulee se kuva jo toista kertaa näkyviin.
Ja sen liukuvärin saaminen tasaiseks on aika vaikeeta, mut muistaakseni Photoshoppiin oli sellanen plug-in, jolla se onnistu. Nimi tais olla FeatherGIF. En oo itte testannu, mut on kuulemma toimiva.
niin, kyllä siihen solun korkeuden määrittämiseen tarvitaan, mutta ei siihen että käsketään taustakuvan kopioivan itseään vaakasuunassa (eli background-repeat: repeat-x) ei käsittääkseni välttämättä tarvita. tästä muistaakseni mainitsin.
liukuvärit on tähän asti ihan hyvin toiminut PSP5:lla. osaa jakaa värin tasaisesti riippumatta kuvan koosta.
Kyllä se "background-repeat: repeat-x" siihen on pakko pistää. Muutenhan se kopioi sitä alaskin päin.
Mut tota liukuväri-juttua mun tarvii testata PSP:ssä.
oman kokemuksen mukaan jos solulle on määritelty tietty koko niin se pysyy sen kokoisena(tietenkin riippuu taas selaimesta)
jos kuvan korkeus on täsmälleen sama kuin solun korkeus niin se ei ala kopioimaan sitä minnekkään solun alle, koska siellä ei ole tilaa. jos kuvan korkeus on pienempi kuin solun korkeus niin sitten se kopioi itseään hieman solun alapuolelle joka rikkoo hienon liukuväri systeemin.
oletukseni alussa olikin se että kuva tehdään oikean kokoiseksi heti alussa, niin silloin ei tarvitse tuota. jos sen tekee liian pieneksi niin sitten sitä tarvitsee. (liian isosta taas kuvan alaosa menee piiloon solun alareunan 'alle')
".., koska toiset selaimet saattaa jostain syystä suurentaa taulukon korkeutta.."
se että miksi näin voi käydä on se että jossakin toisessa selaimessa esim. vaikka tekstin koko (rivien väli jne.) on asetettu suuremmaksi kuin siinä toisessä -> teksti tarvitsee enemmän tilaa. ja jos huonosti käy niin solu käykin liian pieneksi kyseiselle tekstille. eli selain päättää ratkaista asian niin että suurentaa solun kokoa että saadaan teksti mahtumaan.
eli voidaan sanoa että se kohta on huonosti suuniteltu. eli ei olla otettu huomioon sitä että tekstin koko voi muuttua selaimesta riippuvaiseksi. eli solulle ei oltu annettu 'peli varaa'
normaali tapauksissa solun koko on juuri se miksi se on määritelty.