Ei siis "muttaminen".
Kun selaimen ikkunan kokoa pienentää, onko jotain järkevää tapaa, jolla tekstin kokoa saa pienemmäksi suhteessa ikkunan kokoon? Siis automaattisesti.
Tekstin koon muuttaminen on mahdollista tähän tapaan:
<script>
function muutos() {
teksti = document.getElementById("teksti");
leveys = document.body.clientWidth;
teksti.style.fontSize = (leveys/25) + "px";
}
</script>
<body onresize="muutos()">
<p id="teksti">Muuta ikkunan kokoa, niin minäkin muutun!</p>
</body>Tämä ei kuitenkaan monessa tilanteessa liene järkevää.
Kirjoitapa hakukoneeseen CSS Media Queries.
Jos jostain ihmeen syystä haluat välttämättä lähteä tuolle Antin JS-linjalle, muuta edes suoraan body-elementin tyyliä ja määrittele kaikki muut tyylit prosentteina.
Metabolix kirjoitti:
Kirjoitapa hakukoneeseen CSS Media Queries.
Jos jostain ihmeen syystä haluat välttämättä lähteä tuolle Antin JS-linjalle, muuta edes suoraan body-elementin tyyliä ja määrittele kaikki muut tyylit prosentteina.
Kiitos.
Sain toimimaan tällä. Tosin IE ei vielä taida sitä tukea, asetan joku päivä sille oman fonttikoon..
pistemies kirjoitti:
Metabolix kirjoitti:
Kirjoitapa hakukoneeseen CSS Media Queries.
Jos jostain ihmeen syystä haluat välttämättä lähteä tuolle Antin JS-linjalle, muuta edes suoraan body-elementin tyyliä ja määrittele kaikki muut tyylit prosentteina.
Kiitos.
Sain toimimaan tällä.
Olisi kiva tietää, millä ötälläö – JavaScriptillä vai CSS:llä, ja miten?
lainaus:
Tosin IE ei vielä taida sitä tukea,
Hm, CSS Media Queries -tuki (jonkinlainen) tuli IE:hen vasta versiossa IE 9. Ei siis kovin toimiva ratkaisu käytännössä.
lainaus:
asetan joku päivä sille oman fonttikoon..
Huh.
Mielikuvitukseni ei riitä löytämään yhtään kuvitteellistakaan tilannetta, jossa olisi järkevää tehdä fonttikoosta ikkunan koosta riippuvainen. Tekisi siis mieli kysyä, mikä tässä oikein on _tavoitteena_.
Yucca kirjoitti:
Olisi kiva tietää, millä ötälläö – JavaScriptillä vai CSS:llä, ja miten?
CSS. Parilla css-tiedostolla, portrait.css ja landscape.css. Tutustu Media Queriesin ohjeisiin, miten...
Yucca kirjoitti:
Huh.
Mielikuvitukseni ei riitä löytämään yhtään kuvitteellistakaan tilannetta, jossa olisi järkevää tehdä fonttikoosta ikkunan koosta riippuvainen. Tekisi siis mieli kysyä, mikä tässä oikein on _tavoitteena_.
Eipä tämä suurta vaivaa tee. Olen tulostanut muut muotoilut kuin fonttikoon tiedostoon perus.css jossa on kaikki muut tyylit (teksteille ym). Teen siitä kopion ja laitan siihen myös fonttikoon ja näytän sen niille selaimille jotka ei ymmärrä muuta.
Ps. Kuvitteellinen tilanne, jota voi olla hankala hahmottaa:
Sivulla on thumb-kuvia 50 kpl 5 rivissä, 10 yhdellä rivillä. Jokaisen kuvan alla on tekstiä yhden sanan verran (nimimerkki tai ei). Kun sivua kaventaa, kuvat pienenee, koska leveys on asetettu prosentteina. Paitsi kun niiden alla oleva teksti on pienentämisen myötä leveämpi kuin kuva. Jotta kuvat ja koko kuva-taulukko pienenisi oikein suhteessa sivuun, tarttee myös tekstin pienentyä...
Miten olet tuon kuvien automaattisen pienennyksen tehnyt?
pistemies kirjoitti:
Yucca kirjoitti:
Olisi kiva tietää, millä ötälläö – JavaScriptillä vai CSS:llä, ja miten?
CSS.
Siispä se, että sait ötoimimaanö, pätee vain joillakin sanan ötoimiaö arvoilla. Toimineekohan edes useimmissa selaimissa, mitattuna selainten yleisyyden mukaan?
lainaus:
Jotta kuvat ja koko kuva-taulukko pienenisi oikein suhteessa sivuun, tarttee myös tekstin pienentyä...
Eiköhän ole parempi, että tekstistä näkyy luettavana edes vähän alkua kuin että se muuttuu pieneksi piperrykseksi (tai suhteettoman isoksi)? Siis overflow: hidden.
Css-file:
table.selaa td img{
width:98%;
}Yucca kirjoitti:
Eiköhän ole parempi, että tekstistä näkyy luettavana edes vähän alkua kuin että se muuttuu pieneksi piperrykseksi (tai suhteettoman isoksi)? Siis overflow: hidden.
Tekstin koko on toki itse määriteltävissä, miten pientä näytetään pienelle ikkunalle ja miten suurta tekstiä näytetään maksimissaan.
Aihe on jo aika vanha, joten et voi enää vastata siihen.