Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: HTML sivulle iso kartta - älä rivitä?

jflurrie [27.05.2010 09:46:02]

#

Minulla on tuossa peli, johon yritän tehdä karttaa. Kartta on muuten ihan kunnossa, mutta HTML sivu ei oikein toimi. Tarkoitus olisi tehdä "palapelikuva", jossa on 24x24 kokoisia kuvia 80x60 kappaletta. Nämä tulisi laittaa vieretysten sivulle, niin että kuvat #1, #81, #161 jne. olisivat vasemmalla ensimmäisenä, jotta kuva olisi "oikea". Kuva on siis täysin staattinen HTML-sivu, se vain pitäisi pystyä näyttämään oikein. Nyt kun yritän näyttää kuvaa selaimessa, niin siinä käy niin, että selain "rivittää" sen kuvan mahtumaan ikkunaan ts. ei näytä sitä vierityspalkkia alareunassa, vaikka pitäisi (siis jos kuvia ei zoomaa luokkaa kolmen pikselin kokoisiksi). Vähän niinkuin tekstieditoreissa on tämä "word wrap" systeemi. Mistä se kytketään pois päältä? Tietysti kaikkein paras olisi, jos voisin tehdä sen suoraan HTML-koodista, mutta jos voitte edes kertoa mistä se onnistuu Firefoxissa / Explorerissa, niin sekin auttaa.


edit. Tämän hetkisen tilanteen näkee täältä: http://koti.kapsi.fi/~jflurrie/Map/MapPicture.html Siitä kun zoomailette sisään ja ulos, niin näette sen ongelman.

Lebe80 [27.05.2010 12:24:38]

#

Laita kartta "containeriin", joka on kiinteän kokoinen. Näin sen sisältö ei rivity kuin sen containerin mukaan.

jflurrie [27.05.2010 12:59:39]

#

Mitenkä tuo kooditasolla tapahtuu? Siis oletetaan, että minulla on tällainen kohta koodissa:

<body><img src="map_mountain.gif"/><img src="map_grass.gif"/></body> (noita imageja on siis 80, sitten rivinvaihto, sitten toiset 80 ja niitä rivejä 60.)

Eikös se tule tuohon body ja img väliin molemmissa päissä, mutta mikä?

edit. Näköjään table-tr-td ainakin käy. Eli ongelma ratkaistu.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta