Miten saan tasattua taulukon solun sisällä tekstin vasempaan reunaan ja aivan solun yläosaan kiinni?
Olen saanut sen tasattua jo vasemmalle.
#left{
vertical-align: left;
}
Arkityö26,80 € / h
Olen saanut sen tasattua jo vasemmalle.
#left{
vertical-align: left;
}
Arkityö26,80 € / h
Vastaukset 9
Vanhimmat
vertical-align: top;
Ja lukaseppas http://www.w3schools.com/css/pr_pos_vertical-align.asp siel vähän lisää.
#left{
vertical-align: left;
}
Arkityö26,80 € / h
Ennemmin näin
Arkityö
tai
Arkityö
Ei ole olemassa vertical-align attribuutin arvoa "left". Vertical-align on nimenomaan y-akselin suuntainen määrite, jossa mahdollisia arvoja ovat top (ylös), middle (keskelle) ja bottom (alas).
Jos halutaan siirtää tekstiä x-akselin suuntaisesti, eli vaakatasossa tulee käyttää text-align attribuuttia, jossa mahdollisia arvoja ovat left, center ja right.
Jos nämä script kiddiet osaisivat englantia, niin tajuaisivat itsekin.
Vertical = pystysuuntainen
Tavallaan se teksti pitäisi saada sinne solun yläreunaan. Text-align laittaa vain sen vasempaa tai oikeaan reunaan yms.
Eivät ossoo enklantia.
Miksi tehdä vaikeamman kautta kun pelkkä valign="top" td riville riittää nostamaan kaiken solun yläreunaan..?
Tein jo tolla ihan perus htm:llä. Olenpas hyvä.
Siksi, että nykyaikaisten suositusten mukaan kaikki mahdollinen tulisi toteuttaa kaskadisilla tyylimääritteillä, CSS:llä.
Onko se sitten "vaikeamman kautta" jos kirjoittaa vertical-align:top; kuin että kirjoittaisi valign="top"?
Toki siinä muutama merkki tulee lisää, mutta kun isketään CSS määritykset ulkoiseen tiedostoon ja ladataan se yksi tiedosto kerran selaimen välimuistiin, niin sivun latautuminen nopeutuu.
Jos kaikki määritykset laitetaan html:llä, niitä ei voida laittaa ulkoiseen tiedostoon. Täten jokaisella kerralla joudutaan lataamaan kaikki merkkaukset ja sivun latautuminen hidastuu.
Toki se ei tunnu matti meikäläisen pienillä kotisivuilla, mutta suuremmilla sivustoilla se jo tuntuvat. Ladatakko kerran 1000 riviä CSS:ää, vai ladatakko joka kerta 1000 riviä html:ää?
Onhan tuo kiva ajatus jos kaikki tehtäisiin viimeisen päälle standardien ja suositusten mukaan, mutta pitää ajatella myös kysyjän tietoja asiasta, eikö..
Vaikka vertical-align:top toimisikin edellä annetussa koodissa niin siellä on kuitenkin td:ssä id, toiselle solulle pitäisi antaa uusi id tai yhteinen class, jos helpolla haluaa päästä niin laittaa:
td {
vertical-align: top;
}