Moi, olen "hieman" aloittelija näissä hommissa, ja haluaisin tietää mitä eri keinoja on saada kotisivuni keskelle yhden ikkunan johon tulee tekstiä ja siinä olisi ainoastaan pystysuuntainen scrollausmahdollisuus? Sivut on koodattu html:llä. Saako sellaista ilman kehyksiä? Taulukkoon?
Kuinka scrollattava ikkuna
keskelle sivua?
13
1128
Vastaukset
- cooder '82
Onnistuu seuraavanlaisella css-koodilla: overflow: auto. Eli esim.
css-tiedostoon
#joku {
height: 100px;
width: 100px;
overflow: auto;
}
ja sitten html:ään
Tähän tekstiä
Tai miksei näinkin, jos ei halua css-tiedostoon laittaa yksittäisen laatikon takia:
Tähän tekstiä- Toinen kysymys..
Kiitti tuo onnistui. Entäs vielä sellanen aloittelijan kysymys, että kuinka saan tekstiin sarkaimia ilman mitään talukoita tai soluja? Pitäisi saada sellanen pikkunen luettelo jossa on kahdessa sarakkeessa tekstiä?
Toinen kysymys.. kirjoitti:
Kiitti tuo onnistui. Entäs vielä sellanen aloittelijan kysymys, että kuinka saan tekstiin sarkaimia ilman mitään talukoita tai soluja? Pitäisi saada sellanen pikkunen luettelo jossa on kahdessa sarakkeessa tekstiä?
Ei overflow: auto tee sitä, mitä pyysit. Kyllä silloin tulee sekä vaaka- että pystysuora vierityspalkki, jos sisältö ei mahdu sille varattuun tilaan.
Vieritettävä ikkuna keskellä sivua on lähes aina Huono Ajatus. Jos olet aloittelija, se on käytännössä varmaa.
Unohda sarkaimet. Ne eivät kuulu HTML:ään. Jos sinulla on taulukoitavaa tietoa, tee taulukko.- Nimetön
Yucca kirjoitti:
Ei overflow: auto tee sitä, mitä pyysit. Kyllä silloin tulee sekä vaaka- että pystysuora vierityspalkki, jos sisältö ei mahdu sille varattuun tilaan.
Vieritettävä ikkuna keskellä sivua on lähes aina Huono Ajatus. Jos olet aloittelija, se on käytännössä varmaa.
Unohda sarkaimet. Ne eivät kuulu HTML:ään. Jos sinulla on taulukoitavaa tietoa, tee taulukko.Huomasin kyllä että nuo vierityspalkit tulivat molumpiin sivuihin, mutta kavensin tekstialaa niin että se toinen hävisi. Olen kyllä aloittelija, mutta osaan kuitenkin hakea tietoa ja sain tuon keskelle sivua olevan vieritettävän ikkunan onnistumaan, vai tarkoititko että se on jotenkin muuten huono ratkaisu nettisivuille? Opettelin jopa css koodia sen verran että sain kahteen sarakkeeseen sen minkä halusinkin, ilman taulukkoa. :)
Nimetön kirjoitti:
Huomasin kyllä että nuo vierityspalkit tulivat molumpiin sivuihin, mutta kavensin tekstialaa niin että se toinen hävisi. Olen kyllä aloittelija, mutta osaan kuitenkin hakea tietoa ja sain tuon keskelle sivua olevan vieritettävän ikkunan onnistumaan, vai tarkoititko että se on jotenkin muuten huono ratkaisu nettisivuille? Opettelin jopa css koodia sen verran että sain kahteen sarakkeeseen sen minkä halusinkin, ilman taulukkoa. :)
Kirjoitin: ”Vieritettävä ikkuna keskellä sivua on lähes aina Huono Ajatus.” Oliko tässä jotain epäselvää? Jos haluat vakuuttua tästä, ota käteesi melkein mikä vain kirja verkkosivujen suunnittelusta ja katso sieltä.
Taulukkomaisten tietojen taittaminen kahteen sarakkeeseen CSS:llä on hölmöläisten hommaa. Sitä paitsi noin 96 %:n todennäköisyydellä teit sen niin, että se ”toimii” vain selainten virheiden takia.- heh
Yucca kirjoitti:
Kirjoitin: ”Vieritettävä ikkuna keskellä sivua on lähes aina Huono Ajatus.” Oliko tässä jotain epäselvää? Jos haluat vakuuttua tästä, ota käteesi melkein mikä vain kirja verkkosivujen suunnittelusta ja katso sieltä.
Taulukkomaisten tietojen taittaminen kahteen sarakkeeseen CSS:llä on hölmöläisten hommaa. Sitä paitsi noin 96 %:n todennäköisyydellä teit sen niin, että se ”toimii” vain selainten virheiden takia.Oli siinä epäselvää se että viestistäsi ei käynyt ilmi oliko vieritettävän taulukon laittaminen keskelle sivua huono ajatus yleensä ottaen vai ainoastaan sen vuoksi että olen aloittelija tässä touhussa ja en saa sitä tehtyä.
Joo tuo css:llä tehty hinnasto kahteen sarakkeeseen ei ollutkaan hyvä idis, koska se näkyi IE:llä hieman erilailla, kuin firefoxilla. Mikäköhän tuollaiseen olisi sitten paras ratkaisu, koska taulukon käytöstäkin sanotaan ettei sitä kannata käyttää sivun taittamiseen, eikä silloin kun on vain kaksi saraketta kyseessä...
Pakkohan sen aloittelijankn on jostain lähteä... ;) heh kirjoitti:
Oli siinä epäselvää se että viestistäsi ei käynyt ilmi oliko vieritettävän taulukon laittaminen keskelle sivua huono ajatus yleensä ottaen vai ainoastaan sen vuoksi että olen aloittelija tässä touhussa ja en saa sitä tehtyä.
Joo tuo css:llä tehty hinnasto kahteen sarakkeeseen ei ollutkaan hyvä idis, koska se näkyi IE:llä hieman erilailla, kuin firefoxilla. Mikäköhän tuollaiseen olisi sitten paras ratkaisu, koska taulukon käytöstäkin sanotaan ettei sitä kannata käyttää sivun taittamiseen, eikä silloin kun on vain kaksi saraketta kyseessä...
Pakkohan sen aloittelijankn on jostain lähteä... ;)Ei kannata uskoa kaikkea pötyä mitä kirjoitetaan. Hinnasto on loogiselta rakenteeltaan taulukko, joten se tietysti kirjoitetaan taulukoksi. Se, että ulkoasu sattuu olemaan taulukkomainen, on vain bonusta. :-)
Kannattaa muuten muistaa tasata hinnastotaulukon toinen sarake (hinnat) oikealle (align="right" tai text-align: right). Käsittämättömän usein tämä laiminlyödään, jolloin tulos on aika ruma varsinkin, jos mukana on hyvin erisuuruisia summa.- ...
Yucca kirjoitti:
Ei kannata uskoa kaikkea pötyä mitä kirjoitetaan. Hinnasto on loogiselta rakenteeltaan taulukko, joten se tietysti kirjoitetaan taulukoksi. Se, että ulkoasu sattuu olemaan taulukkomainen, on vain bonusta. :-)
Kannattaa muuten muistaa tasata hinnastotaulukon toinen sarake (hinnat) oikealle (align="right" tai text-align: right). Käsittämättömän usein tämä laiminlyödään, jolloin tulos on aika ruma varsinkin, jos mukana on hyvin erisuuruisia summa.Ok, kiitos vinkeistä. Kartoin taulukkoa, koska en ole sellaista vielä tehnyt.. ;) No, ei muuta kuin opiskelemaan.. Mitäs jos teksti ei mahdu soluun, niin kannattaako ylimenevä rivi laittaa omaan soluunsa, vai jotenkin venyttää yhtä solua, että kaikki mahtuu? Äääh, saas nähdä miten likan käy..
- Fanni
... kirjoitti:
Ok, kiitos vinkeistä. Kartoin taulukkoa, koska en ole sellaista vielä tehnyt.. ;) No, ei muuta kuin opiskelemaan.. Mitäs jos teksti ei mahdu soluun, niin kannattaako ylimenevä rivi laittaa omaan soluunsa, vai jotenkin venyttää yhtä solua, että kaikki mahtuu? Äääh, saas nähdä miten likan käy..
2 riviä ja 2 saraketta sisältävän taulukon peruskoodi:
Eka rivin eka solu
Eka rivin toka solu
Toka rivin eka solu
Toka rivin toka solu
align-attribuutin käyttöä oli jo tuolla edellä opastettukin.
Tsemppiä! Kyllä sivut vielä valmistuvat! :) - Nimetön
Fanni kirjoitti:
2 riviä ja 2 saraketta sisältävän taulukon peruskoodi:
Eka rivin eka solu
Eka rivin toka solu
Toka rivin eka solu
Toka rivin toka solu
align-attribuutin käyttöä oli jo tuolla edellä opastettukin.
Tsemppiä! Kyllä sivut vielä valmistuvat! :)Kiitti kannustuksesta, kyllähän ne valmistuivat..Tai siis näkyvät Firefoxissa ja IE:ssä ihan oikein, mutta en sitten tiedä mitä kaikkea ylimääräistä, tai puuttuvaa siellä koodissa on.. Yksi ongelma on vielä selvittämättä. Sivuillani on 6 eri sivua ja yksi; juuri tuo missä taulukkokin on, ei ole ihan oikeassa kohdassa. Onkohan missään mitään koodin tarkistusohjelmaa, tai olisiko täällä palstallaperäti joku guru jokavoisi tarkistaa onko siellä mikään oikein...?
- Fanni
Nimetön kirjoitti:
Kiitti kannustuksesta, kyllähän ne valmistuivat..Tai siis näkyvät Firefoxissa ja IE:ssä ihan oikein, mutta en sitten tiedä mitä kaikkea ylimääräistä, tai puuttuvaa siellä koodissa on.. Yksi ongelma on vielä selvittämättä. Sivuillani on 6 eri sivua ja yksi; juuri tuo missä taulukkokin on, ei ole ihan oikeassa kohdassa. Onkohan missään mitään koodin tarkistusohjelmaa, tai olisiko täällä palstallaperäti joku guru jokavoisi tarkistaa onko siellä mikään oikein...?
Koko tiedoston koodin tarkastamisessa olen käyttänyt tätä:
http://www.onlinewebcheck.com
Ja koodin pätkien tarkistuksessa tätä:
http://lipas.uwasa.fi/html/valid.html
Lisää löytyy (myös CSS:ään) googlettamalla esim. sanalla validator - Höpö.
Fanni kirjoitti:
Koko tiedoston koodin tarkastamisessa olen käyttänyt tätä:
http://www.onlinewebcheck.com
Ja koodin pätkien tarkistuksessa tätä:
http://lipas.uwasa.fi/html/valid.html
Lisää löytyy (myös CSS:ään) googlettamalla esim. sanalla validatorSiis mikä ihme tuo http://lipas.uwasa.fi/html/valid.html oikein on. Eihän sille kelpaa yhtään mikään, ei edes täysin validi koodi (joka kelpaa w3c:n validaattorille).
Höpö. kirjoitti:
Siis mikä ihme tuo http://lipas.uwasa.fi/html/valid.html oikein on. Eihän sille kelpaa yhtään mikään, ei edes täysin validi koodi (joka kelpaa w3c:n validaattorille).
Näyttää olevan jotain viime vuosituhannella hylättyä softaa. Tosin kelpaa sille jokin, kun kirjoittaa tai kopioi tekstikenttään, mutta URLin perusteella se ei osaa hakea mitään.
Toinen keskustelussa mainittu sivu näyttää olevan "CSE HTML Validator Lite", joka on maksullisen ohjelman mainosversio. Ohjelman tekijä myy sitä tietoisesti valheellisella nimellä, sillä kyseessä ei ole validaattori ja tämä on hänelle moneen kertaan julkisesti selitetty.
Toimivia validaattoreita ovat
http://validator.w3.org
http://www.htmlhelp.com/validator/
ja CSS-tarkistimeksi sopii lähinnä
http://jigsaw.w3.org/css-validator/
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Tunnusmerkkejä Kaivatulle
Jotain mistä toinen tunnistaa. Täällä vaalea nainen kaipaa miestä jolla vaaleat hiukset ja asuu maalla. Pelataanko kortt631217- 1071193
Miehen ja naisen ystävyys
Mitä järkeä on miehen ja naisen ystävyydessä jos toinen ajattelee toisesta enemmän= on rakastunut ja toivoo yhdessä oloa146886Oletko nainen enää täällä?
En ole tunnistanut kirjoituksiasi hetkeen. Ainoastaan yhdessä neutraalissa ketjussa, missä ei ollut kyse tunteista. Hyv64863- 70778
Naisten top-5 red flagit
1. Feminismi: kertoo keskenkasvuisuudesta, välttää vastuuta tekemällä miehistä kestosyyllisen kaikkeen 2. Ylipaino: kiel108687Pyydetään tiedonantoa "hyvinvointitalo"-hankkeen nykytilanteesta
ja aikataulusta. Odotetaanko uutta hallinto-oikeuden päätöstä. Hallinto-oikeushan antoi teknisenlautakunnan lupajaosto102668- 56666
- 78591
- 43586