Niin, mitenhän saisin sivuilleni neljä interaktiivista kuvaa sijoitettua niin, että ne olisivat kaksi vierekkäin ja kaksi päällekkäin?
Siis näin>
(kuva1) (kuva2)
(kuva3) (kuva4)
Pitäneekö käyttää frameja vai tableja?
Siis näin>
(kuva1) (kuva2)
(kuva3) (kuva4)
Pitäneekö käyttää frameja vai tableja?
Vastaukset 2
Vanhimmat
Javaskriptiä.
Tällaiset kysymykset ovat "liian yleisiä". Sen sijaan, että joka kerta niihin vastattaisiin jollain mukavalla, puolitoimivalla skriptinpätkällä, tarjoan hieman toisenlaisen näkökulman :
Olet tällä hetkellä ongelman edessä, joka vaatii kaikkia selainpuolen tekniikoita, joita käytetään web-sisältöä suunniteltaessa.
1. rakenne
2. ulkoasu/tyyli
3. ohjaus/vuorovaikutus
Rakenne toteutetaan (X)HTML/XML[1]:llä, eli kuvauskielellä. Sinun tapauksessasi vaihtoehtoja on useita. Voit joko tehdä taulukon, jossa on kaksi riviä ja kaksi saraketta tai neljä kerrosta (DIV), jotka ovat sijoitettu vierekkäin.
Ulkoasu/tyyli toteutetaan CSS/XSL[2]:llä tai HTML-elementtien attribuuteilla. Ulkoasuun liittyvät attribuutit on pyritty W3C:n toimesta "tappamaan"[3], mutta esim. taulukon solujen cellspacing/-padding ovat vielä elossa. Taulukolla toteuttaminen olisi helpompi ratkaisu, mikäli et ole kovin hyvin sujut CSS:n kanssa. Tutustu HTML 4.01 mukaisiin määreisiin taulukoille[4].
Monille vaikein juttu on skriptaaminen[5]. Sen lisäksi, että monesti pitää miettiä vaihtoehto myös niille selaimille, jotka eivät tue skriptausta, tulee myös huomioida selainten väliset erot ja toteuttavuuden keveys. Pääasiallisesti elementtejä (objekteja) ohjataan tapahtumankäsittelijöiden avulla, mutta esim. DOM[6] (Document Object Model) sallii kontrolloinnin myös muilla tavoilla.
[1] http://www.w3.org/MarkUp
[2] http://www.w3.org/Style/
[3] http://www.w3.org/TR/html401/index/attributes.html
[4] http://www.w3.org/TR/html401/struct/tables.html#edef-TABLE
[5] http://www.javascriptkit.com
[6] http://www.w3.org/DOM/