Aloittelijan ihmettelyä johon en löytänyt googlella helppiä...
Taulukon ekan rivillä on otsikot jotka pitää saada boldattua ja keskitettyä. Kaikki muut rivit taas perusfontilla ja vasempaan laitaan. Voinko upottaa css-fileen yhden tablen eri riveille erilaiset määrittelyt? Sama koskee soluja: joka rivin eka solu (eli taulukon eka sarake) pitäisi saada tietyn levyiseksi, enkä haluaisi upottaa leveyttä html:n sekaan, kun sitä on kuitenkin tarvetta muutta jossain vaiheessa.
taulukoiden solut ja css
maria m
2
404
Vastaukset
- Ridge
Ekan rivin tekstit saa muutettua tällä:
http://www.w3schools.com/css/tryit.asp?filename=trycss_firstline
Mutta parempi kun laitat otsikot h1, h2, h3, css:än määrittelet noille haluamasi tyylit, toimii noin paremmin..
Ekalle solulle ei taida olla vastaavaa, mutta laita td riville class="eka", sitten css:än määrittelet leveyden, samalla lailla voit määäritellä ekat rivit, laitat vaan classin haluamaasi tr:än..- Höpö.
Tämähän on ihan tavallista html:ää suurimmaksi osaksi.
»Taulukon ekan rivillä on otsikot jotka pitää saada boldattua ja keskitettyä. Kaikki muut rivit taas perusfontilla ja vasempaan laitaan.»
Tottakai tämän voi tehdä css:llä mutta fikusmpaa olisi käyttää ihan normaalia html:ää jota sitten tyylitellään css:llä.
Eli kyseessä on sellainen elementti kuin th (table header).
th näytetään yleensä oletuksena boldattuna ja keskitettynä mutta toki sitä voi muuttaa css:llä.
Tässä esimerkkinä eräs huuhaataulukko:
id
nimi
ikä
42452w345
Matti
25
234f234
Ismo
17
»Sama koskee soluja: joka rivin eka solu (eli taulukon eka sarake) pitäisi saada tietyn levyiseksi, enkä haluaisi upottaa leveyttä html:n sekaan, kun sitä on kuitenkin tarvetta muutta jossain vaiheessa.»
Tähän taas on olemassa uudehko elementti nimeltänsä col (column, sarake)
Edellinen esimerkki lisättynä col-elementeillä:
id
nimi
ikä
42452w345
Matti
25
234f234
Ismo
17
Tuo ensimmäinen col tarkoittaa ensimmäistä saraketta ja toinen luonnollisesti toista jne.
Nyt voit kirjoittaa tyylitiedostoon vaikka:
.eka {
width: 100px
}
.toka {
color : Red;
}
.koka {
font-style : italic;
}
No ei tullut kyllä kovin hieno mutta toivottavasti ymmärsit idean.
Lisää infoa:
http://www.saunalahti.fi/wpoet/fin/htmlref-8.htm#th
http://www.saunalahti.fi/wpoet/fin/htmlref-8.htm#col
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Joensuun kaupunki levittelee tonttitietoja Keskisuomalaiselle
Sähköposteja ja tonttitietoja levitellään mm. Pasi Koivumaalle142029Oletko nainen alkanut kammoamaan minua
Sinua ei näy eikä kuulu, ja ilmeisesti kiertelet tilanteita. Oletko huomannut, että olet vieläkin ajatuksissani luvattom631415Saako 60 v vielä töitä? Arto Nyberg puhuu suoraan elämästä ilman töitä
Arto Nyberg täyttää tänään 60 v. Onnea! Nyberg totuttiin näkemään suoran haastatteluohjelman kapteenina vuodesta toise1061389Toivoisitko Rakas vielä?
Haluaisitko vielä? Uskoisin osaavani näyttää sinulle, kuinka ainutlaatuinen nainen olet.681235Tiesitkö tätä ex-miehistä? Noriko Salo jysäytti yllätyspaljastuksen
Noriko Salo ja ex-F1 kuski Mika Salo olivat naimisissa v. 1999-2022. Kirsi Salon ex-mies puolestaan on muusikko Sammy A51172Ihan pieni näkeminen vaan
👋 ja minä olisin valmis jo vaikka mihin sun kanssa. Nämä on näitä.. 🤫🫣😘💥311017En haluaisi kaiken kuihtuvan pois
ilman, että olemme voineet jutella rauhassa kasvotusten... Mutta mistä ihmeestä löydän sinut?521006- 47981
Keskustelua kasteesta
You tubessa kaksi pappia keskustelivat kasteesta ja kritisoivat raamatullista uskovien kastetta. Toinen heistä yritti335963Huh, huh! Sofia Belorf ei ole itse pessyt hiuksiaan kolmeen vuoteen
Sofia Belorf elää ökyelämää Dubaissa. Sofian arjessa kulta, raha ja luksus ovat vahvasti läsnä. Luksuselämään tottuneell49950