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?
Ongelma CSS:llä taulukon rivien korkeuden määrittämisessä
CSSsss
15
787
Vastaukset
- 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
Varsinainen grafiikka taustakuvana, tekstit taulukon soluissa. Esim. http://www.thecorruptedcanvas.com/Images/Tutorials/HATutorialFinal.png
Koot on määritelty sen takia puikselilleen, jottei tekstit menisi grafiikoiden päälle.
Ja sivua tullaan käyttämään ainoastaan 22" (1680 x 1050) ja 24" (1920 x 1200) näytöillä.
- kunnossa?
Onko table tagissa atribuutit&arvot:
cellpadding="0"
cellspacing="0"
border="0"- CSSsss
^^^^^^
- CSSsss
Tarkoituksena on tehdä tuon tyyppistä sivua: http://www.thecorruptedcanvas.com/Images/Tutorials/HATutorialFinal.png
Photarilla grafiikka, joka laitetaan taulukon taustakuvaksi ja soluihin tekstit.- 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
Ja taas ammuttu kokkolassa
Kokkolaisilta pitäisi kerätä pois kaikki ampumaset, keittiöveitset ja kaikki mikä vähänkään paukku ja on terävä.303511Kukka ampu taas Kokkolassa?
T. olisi hetkeä aiemmin lähtenyt johonkin. Naapuri kai tekijä J.K., ei paljasjalkainen Kokkolalainen, vaan n. 100km pääs91568Kuinka kauan
Olet ollut kaivattuusi ihastunut/rakastunut? Tajusitko tunteesi heti, vai syventyivätkö ne hitaasti?1131473Milli-helenalla ongelmia
Suomen virkavallan kanssa. Eipä ole ihme kun on etsintäkuullutettu jenkkilässäkin. Vähiin käy oleskelupaikat virottarell2241265Kun näen sinut
tulen iloiseksi. Tuskin uskallan katsoa sinua, herätät minussa niin paljon tunteita. En tunne sinua hyvin, mutta jotain34893Purra saksii taas. Hän on mielipuuhassaan.
Nyt hän leikkaa hyvinvointialueiltamme kymmeniä miljoonia. Sotea romutetaan tylysti. Terveydenhoitoamme kurjistetaan. ht242893- 60869
Helena Koivu on äiti
Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.130868Ja taas kerran hallinto-oikeus että pieleen meni
Hallinto-oikeus kumosi kunnanhallituksen päätöksen vuokratalojen pääomituksesta. https://sysmad10.oncloudos.com/cgi/DREQ66854Löydänköhän koskaan
Sunlaista herkkää tunteellista joka jumaloi mua. Tuskin. Siksi harmittaa että asiat meni näin 🥲98819