Kuinka määritellään että kotisivuilla on käytössä fontti Times New Roman ja koko olisi 12 ja tämä näkyisi joka selaimella samalla tavalla?
Koko sivu olisi siis samalla fontilla.
Kiitos auttajille
Koko sivu olisi siis samalla fontilla.
Kiitos auttajille
Vastaukset 7
Vanhimmat
Koot ei mene samalla lailla kuin esim. wordilla.
3 tai 2 kandee kokeilla, ois varmaan suht lähellä.
Itsekin aloittelija joten en näistä kyllä mitään ymmärrä, ihan mutua vaan tämä; )
linkit, mitkä on määritelty css:llä active, visited ja hover ominaisuuksilla?
Kun siinä on tuo A:visited jne ja teksti tulisi määritellä tagilla, niin kuinka tuo oikein käytännössä toimii?
Tuossa olisi ollut näköjään css osastokin, mutta olkoot nyt kysymys täällä jos sais kuitenkin apuja.
Kopasin levyltä äkkiä pätkän CSS:ää, muokkaa mieleiseksesi...
BODY
{
font-family:verdana,arial,helvetica;
font-size: 8pt;
margin-left: 2ex;
margin-right: 2ex;
}
P
{
font-family:verdana,arial,helvetica;
font-size: 8pt;
margin-left: 2ex;
margin-right: 2ex;
}
A
{
color: #A5102E;
text-decoration: none;
}
A:visited
{
color: #A5102E;
text-decoration: none;
}
A:hover
{
color: #FFAA00;
text-decoration: none;
}
Kysymys oli »Kuinka määritellään että kotisivuilla on käytössä fontti Times New Roman ja koko olisi 12 ja tämä näkyisi joka selaimella samalla tavalla?
Koko sivu olisi siis samalla fontilla.»
Oletetaan nyt että kaikki selaimet ymmärtävät css:ää (käytännösää nykyisin käytössä olevat ymmärtävät). Silloin pistät yksinkertaisesti css-määritykseksi:
body {font: 12px Times New Roman;}
Tosin aina pitäisi mainita myös fonttiperhe siltä varalta ettei jossain selaimessa ole haluttua fonttia (kaikki eivät käytä Windowsia).
Fiksumpaa olisi siis laittaa:
body {font: 12px "Times New Roman", Times, serif;}
Jollei siis löydy Times New Romania niin näytetään Times. Ja jollei sitä löydy niin näytetään oletusfontti serif-perheestä.
Nyt täytyy kertoa ettei päätteelliset fontit (serif -perhe) ole ollenkaan hyviä näytöltä luettuna, paperilla ne ovat parhaita. Näytölle sopii paremmin päätteettömät fontit (eli sans-serif -perhe). Joten suosittelisin:
body {font: 12px Arial, Helvetica, sans-serif;}
Tuo 12px on tosipieni. En todellakaan suosittelisi noin pientä sihrua leipätekstiksi nettisivuille.
Kiitos
Vielä sitten jos on h1 otsikko ja sen alapuolella linkki takaisin pääsivulle eli
Takaisin etusivulle
Tämä teksti tulisi alkaa heti otsikon alapuolelta, mutta nyt siinä on sentin väli. Saako sitä väliä mitenkään pienennettyä?
margin toiminnolla sain vain kasvatettua sitä
h1 {margin-bottom:-20px}
Ongelmana on nyt se, että eri selaimilla on erilaiset oletusmarginaalit elementeille. Jos nyt käytät negatiivista marginaalia, se on halutun verran pienempi kuin oletus ja eri selaimet voivat näyttää sen eri tavalla (eikä kukaan kuitenkaan näytä väärin, niillä on vain eri oletusarvot).
Voisi olla fiksua määritellä heti aluksi kaikki marginit ja paddingit nollaksi:
*{margin:0;padding:0;}
Tämän jälkeen kaikille elementeille voidaan määrätä ihan mitka marginaalit haluaa, ja silloin niillä ei ole mitään tekoa selainten oletusten kanssa vaan määrätty pikselimäärä on määrätty pikselimäärä.
Toki voit heti perään laittaa elementeille (lähinnä lohkoelementeille) oletukset niin ei tarvitse myöhemmin kaikkia erikseen määritellä. En nyt jaksa miettiä mitkä kaikki elementit tulisi huomioida, pistin tuohon nyt muutaman mutta idea varmaan selviää:
*{margin:0;padding:0;}
h1, h2, h3, h4, p, div, form, table, ul, ol {
margin: 10px; padding: 10px;
}
Nyt olet määritellyt oletukset (joita kaikki selaimet noudattavat, ja niitä on turvallisempi muutella vaikka negatiiviseksi ja helpompaakin, kun tiedät kokeilemattakin mitkä nuo arvot ovat.
Sain näillä pelaamaan, kiitokset.