Tietokoneet ja musiikkiohjelmat ›

Eli kun teen nettisivun joka koostuu taulukosta ja sen sisällä olevista soluista, ja pohjalla näkyy yksi iso taustakuva, niin mikä olisi paras/helpoin tapa paloitella kuva täsmällisesti siten, että solujen alle tulee oma pala isosta kuvasta?

E: Tai en minä tiijä.

Miksi?

Onnistuiskohan tän esimerkin mukaan:
 
http://www.w3schools.com/tags/tryit … lename=tryhtml_table_cellbackground
 
Spliz! nimisellä ohjelmalla kävi kätevästi ison kuvan paloittelu yhtä suuriin osiin aikoinaan kun tein sivuja.

Eikö muka onnistu että laittaa TABLE BACKGROUND="nönnnönö" ?

Dreamweaverissa taisi olla joku slice -toiminto jolla kuvia on paloiteltu, kuten myös jossain muussa Macromedian ohjelmistossa. En ole vain vuosiin noita käyttänyt.
 
Tällainen XynX! Slicer löytyi nopeaa (saksankielinen sivu. Freewarea tuo on, en ole vaan ikinä kokeillut)
http://www.xynx.de/download.php?id=32

Eikö muka onnistu että laittaa TABLE BACKGROUND="nönnnönö" ?
 
Nimenomaan. Miksi sitä pitää pilkkoa?

Eikö muka onnistu että laittaa TABLE BACKGROUND="nönnnönö" ?
 
Taulukon taustakuvat eivät toimi ongelmitta kaikilla selaimilla ja toisekseen pilkkominen on sikäli fiksu veto, että monta pientä kuvaa on parempi kuin yksi iso kuva: ihminen saa jättimäisen, latautuvan kuvan sijasta esim. toimivan navigoinnin ensimmäisenä eteensä eikä tarvitse odotella koko kuvan latautumista. Lisäksi toiminnallisten elementtien (kuvalinkit jne.) sijoittelu onnistuu helpommin pilkotulla layoutilla.
 
Mutta taulukon käyttämisen sijaan suosittelen css-taiton opettelua, sillä saa määriteltyä huomattavasti helpommin (kunhan logiikan oppii) kaikilla selaimilla samalla tavalla näkyvän taiton sivustolle.
 
Itse pilkkominen onnistuu vaikkapa Photoshopilla tai Gimpillä, simppeleimmillään "Resize Canvas" -toiminnolla (tai on siellä muistaakseni jokin gridiä käyttävä pilkkomistyökalukin, lopputulokseen pääsee monella tapaa), jos tietää valmiiksi taulukon solujen (tai css-taiton osien) mitat.
 
Eli rajaat kuvasta ensin vaikka vasemman yläkulman palasen, tallennat sen eri tiedostoon, rajaat seuraavan palasen (rajattavan alueen koordinaatit saat yhteen- ja vähennyslaskulla, paperille suunnittelu auttaa hahmottamaan) jne.
 
Sitten vain sijoitat ne palaset siihen taulukkoon (tai css-muotoiluun). Taulukon kanssa tulet tosin kohtaamaan ongelmia esim. sen suhteen, että miten saat palaset tiiviisti toisiaan vasten ilman välirakoja, ainakin joillakin selaimilla...

Kiitti Fortune, juuri tuollaisia vinkkejä hainkin.
 
Taulukon kanssa tulet tosin kohtaamaan ongelmia esim. sen suhteen, että miten saat palaset tiiviisti toisiaan vasten ilman välirakoja, ainakin joillakin selaimilla...
 
Toi on kyllä tuttu ongelma, mutta kun en tiedä css:stä yhtään mitään.

Toi on kyllä tuttu ongelma, mutta kun en tiedä css:stä yhtään mitään.
 
Tuossapa hyvä opas, jonka avulla itse perehdyin aikanaan css:n saloihin:
 
http://www.nic.fi/~tapio1/Opetus/index1.php3
 
Pro en ole itsekään, mutta kun tuo logiikan kerran oppii, on sivulayoutin rakentaminen todella helppoa.

Imagereadyssä tähän hommaan on juttu nimeltä slices. Tekee suoraan erilliset tiedostot kaikista siivuista.