Ongelma CSS:llä taulukon rivien korkeuden määrittämisessä

CSSsss

Olen tekemässä 1000 px * 1000 px kokoista taulukkoa, jonka taustakuvaksi laitan saman kokoisen kuvan. Taulukossa on 16 eri korkuista riviä. Kaikki koot on määritelty CSS:llä.

Jostain syystä taulukko venyy, vaikka rivien korkuudet on laskettu siten, että yhteiskorkeus on tasan 1000 pikseliä. Kuva venymisestä: http://img524.imageshack.us/my.php?image=venyywx4.jpg . Alaosassa ei pitäisi olla ollenkaan vihreätä väriä.

Lähdekoodi: http://pastebin.com/m91fb5d
CSS: http://pastebin.com/mdaf151d
Taustakuva: http://img209.imageshack.us/my.php?image=taustatr7.jpg

Osaisiko joku auttaa?

15

823

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Ihmettelijä XLII

      Unohdit tärkeimmät URLin eli sen sivun URLin, jossa sinulla on ongelma.

      Lisäksi tässä on jotain ihme kikkailua, kun väität koodin taulukossa olevan monta yksisoluista riviä mutta kuva on jostain yksinkertaisesta taulukkotaitosta.

      1000 × 1000 pikselin taulukossa on www:ssä tuskin mitään järkeä, joten helpointa olisi aloittaa alusta. Jos kysyt apua, kerro sitten, mitä ihmettä oikeastaan olet tekemässä ja mitä haluat saavuttaa.

      • CSSsss

        koska sivua ei julkaistu vielä.

        Tein tuon vain CSS:n testaamiseen. Ennen laitoin rivien korkeudet suoraan -tageihin.

        Tarkoituksena on tehdä yksinkertainen sivu. Varsinaiset grafiikat on taulukon taustakuvana, tekstit taulukon soluissa.


    • -Ridge-

      Alaosan vihreän saat pois kun laitat taustakuvan niin ettei se toistu..

      background: url("tausta.jpg") no-repeat;

      • CSSsss

        pyrin saamaan taulukon tasan 1000 pikselin korkuiseksi.


      • -Ridge-
        CSSsss kirjoitti:

        pyrin saamaan taulukon tasan 1000 pikselin korkuiseksi.

        Tiedä sitten missä vika, mutta taustakuva on 1000px korkea ja riveillä tekstit, nuoli menee oikein ylhäältä alas..?

        http://xs123.xs.to/xs123/08046/taustatesti488.jpg


    • Höpö.

      Ja hyvä niin, silloin taulukot toimivat parhaiten.
      Taulukoiden idea kun nyt kuitenkin on näyttää taulukkodataa, ja siksi on pelkästään hyvä asiat, että selaimet skaalaavat taulukon soluja siten että taulukossa oleva data näkyy.

      Periaatteessa voisi antaa määräyksen näyttää solu esimerkiksi
            height: 50px;
            overflow: hidden;
      mutta selaimet eivät näytä tottelevan tuota juurikaan. Ilmeisesti taulukon toimivuus on paljon tärkeämpi asia.


      Sen sijaan muilla elementeillä tuo toimii loistavasti. Kokeile vaikka ryhmitellä sisältö span ja div -elementeillä.
      Jippona voit tietenkin laittaa taulukon soluihin div ja span -elementtejä, mutta luulen että ennemmin kannattaisi miettiä uudemman kerran MITÄ olet tekemässä ja vasta sen jälkeen MITEN se kannattaisi toteuttaa.

    • Poro1

      miksi 1000 x 1000 pikseliä????

      17" näyttö on 1024x768 pikseliä joten...

      Ja miksi se korkeus pitää erikseen määritellä? Sehän venyy sisällön mukaan...

      Ehkä kannattaisi lukaista uudelleen sitä kirjaa jonka lainasit kirjastosta, eli HTML opas tai hae kuukkelilla kyseisellä haulla niin saat hyviä oppaita...

      :)

      • CSSsss

    • kunnossa?

      Onko table tagissa atribuutit&arvot:

      cellpadding="0"
      cellspacing="0"
      border="0"

      • CSSsss

        ^^^^^^


    • CSSsss
      • juhakorkeapudas

        tuon tehtyä muullakin tavalla kuin käyttämällä taulukkoa, vaikka diveillä.


      • oikeasti

        Layot EI SAA koskaan laittaa taulukkoon. Sitä varteen on muita teknikoita. Taulukko on vain taulukkodataa varteen eikä ulkoasua tai palstoitusta varteen.


    • CSSsss

      Määrittämällä fontin tarpeeksi pienelle venymistä ei tapahdu.

      • oikeasti

        Oletko tosissasi, vai trolli?

        Tekstiä ei saa koskaan laittaa kiinteäksi, erityisesti pientä. Ja joka tapauksen selaimen asetukset voivat vaihtaa tekstin koon halutuksi.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Selvästi näyttää siltä, että SDP:n kannattajat hyväksyy kiusaamisen

      ja seksuaalisen ahdistelun, kun puolueen kannatus pysyy korkealla. Mitä tämä kertoo demari-äänestäjien moraalista?
      Maailman menoa
      163
      4934
    2. Kenen joukoissa Suomi seisoo maailmalla, jos SDP voittaa seuraavat vaalit?

      SDP on ainoa pohjoismainen sosialidemokraattinen puolue, joka edelleen kuuluu Sosialistiseen internationaaliin. Sitä ka
      Maailman menoa
      62
      1565
    3. Kukka kuoli ja kukka tappo Kokkolassa?

      Ouluntiellä tapettu nainen torstaina kukka tappo?
      Kokkola
      12
      1499
    4. Jos mies oikeasti haluaa sinut

      Hän ei ota riskiä että menettäisi sinut. Ei pienintäkään. Mies ei jätä vastaamatta viesteihin eikä pidä sinua epätietois
      Ikävä
      121
      1401
    5. Helena Puolakka laukoo suorat sanat Vappu Pimiän MasterChef -pestistä

      Vappu Pimiä on uusi MasterChef Suomi -tuomari. Kokenut keittiömestari ja ravintoloitsija Helena Puolakka laukoo suorat s
      Tv-sarjat
      8
      1143
    6. Ketä ehdotatte seuraavaksi kuntanne johtohahmoksi

      Ei ole teitä riitaisia kehityksen jarruja helppo yrittää kohti valoa ohjata. Siinä on teille pähkinä purtavaksi.
      Lappajärvi
      95
      1037
    7. Voiko ryyppäämisellä tienata elantonsa?

      Lassi Kuhlman on rappiostriimaaja. Hän kuvaa omaa päihteiden käyttöään pitkissä somestriimeissä. Katsojat voivat lahjoit
      Maailman menoa
      40
      957
    8. Persuille 1,8 prosenttiyksikköä laskua. Keskusta meni ohi ja Vasl hengittää niskassa

      Erityisesti työväestö on hylkäämässä persut. https://yle.fi/a/74-20208249
      Maailman menoa
      298
      915
    9. Vasemmistoliitto menossa perussuomalaisten ohi!

      Keskustapuolue meni jo...
      Maailman menoa
      150
      810
    10. Hinduille tiedoksi

      USA Pressa sanoi '' kansakuntaa ei voi johtaa ilman Raamattua''. Tämä löytyy sitaateista. Raamatusta tulee kaikki julmu
      Hindulaisuus
      278
      739
    Aihe