Kotisivuni

Niin, olen joskus kokeillut tuota lehtoria mutta en kyllä tiedä mitä pitäisi tehdä noille virheille mitä se ilmoittaa. Ja tuo css ei sano oikein mitään mulle, voisiko joku selittää sen?

A.M kirjoitti:

Niin, olen joskus kokeillut tuota lehtoria mutta en kyllä tiedä mitä pitäisi tehdä noille virheille mitä se ilmoittaa. Ja tuo css ei sano oikein mitään mulle, voisiko joku selittää sen?

CSS on tyylisäännöstö, josta sinun ei välttämätä tarvitse tietää mitään. Lähinnä sivujen koristamiseen käytetty tekniikka.
Mutta sivuiltasi voisit laittaa taulukoiden reunat nollaksi, se olisi tyylikkäämpää, kun reunoja ei näkyisi.

Nupo kirjoitti:

CSS on tyylisäännöstö, josta sinun ei välttämätä tarvitse tietää mitään. Lähinnä sivujen koristamiseen käytetty tekniikka.
Mutta sivuiltasi voisit laittaa taulukoiden reunat nollaksi, se olisi tyylikkäämpää, kun reunoja ei näkyisi.

Ok. Olen koittanut asiasta ottaa selvää mutta eipä tuo paljoa aukea.
Ja sivut on tehty alkujaan Explorerille, ja nykyään käytän selaimena Mozillan Firefoxia, huomasin että se näyttää ne reunat ja tuon aion korjata heti seuraavaan päivitykseen, kiitos silti kommentista.

Nupo kirjoitti:

CSS on tyylisäännöstö, josta sinun ei välttämätä tarvitse tietää mitään. Lähinnä sivujen koristamiseen käytetty tekniikka.
Mutta sivuiltasi voisit laittaa taulukoiden reunat nollaksi, se olisi tyylikkäämpää, kun reunoja ei näkyisi.

»CSS on tyylisäännöstö, josta sinun ei välttämätä tarvitse tietää mitään. Lähinnä sivujen koristamiseen käytetty tekniikka.»

Niin, tavallaan juuri koristelemista varten. Sikäli että css:llä juuri kannattaakin tehdä KAIKKI ulkoasuun liittyvät määritykset.

Eli pois kaikki ylimääräinen roska ja css ulkoiseen tiedostoon niin avot alkaa sivunteko tulla joustavammaksi.

Laitan tähän pienen esimerkin miten tuon etusivun voisi tehdä fiksummalla koodilla. Siitä ei tosin tullut aivan samannäköinen koska en nyt jaksa hirveästi ruveta säätämään. Mutta esmes näin:

----------------- index.htm -----------------




   
   Annukan kotisivut
   





Tervetuloa kotisivuilleni


   MINÄ
   LINKIT
   KOLIKOT
   KOLIKOT II
   SEKALAISTA
   PÄIVITYKSET
   NOPEUSTESTI
   VIHERPEUKALO



   



   
      
      
      
      
   

   Olet vierailija nro: tällä sivustolla

   Sivut päivitetty viimeksi: 28.10-2004






---------------------------------------------

Eikös vaan olekin älyttömän paljon selkeämpi tiedosto ja tiedostokokokin tipahti kolmasosaan.

Ja sitten tiedosto joka määrää ulkoasun:

----------------- tyyli.css -----------------

body {
   background-color: #D0FDD8;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-stretch : wider;
}
a:link {color: Green;}
a:visited {   color: #800080;   }
#keskelle {
   margin: auto;
   text-align: center;
}
#menu {
   position : absolute;
   top : 100px;
   left : 10%;
   line-height: 2em;
   font-size : 1.5em;
   font-weight : bold;
}
h1 {
   color: #0080C0;
   font-size: 2em;
   text-align: center;
}
.paivitetty {
   color : #BBBBBB;
}

---------------------------------------------

Jos haluaa tehdä toisen samannäköisen sivun niin sen voi linkittää samaan tyylitiedostoon. Sitten myöhemmin on helppo muutta koko sivuston ulkonäköä yhtä tiedostoa muokkaamalla.

Kannattaa tutustua tuohon koodiin ja miettiä mikä vaikuttaa mihinkin.

Tõppõ kirjoitti:

»CSS on tyylisäännöstö, josta sinun ei välttämätä tarvitse tietää mitään. Lähinnä sivujen koristamiseen käytetty tekniikka.»

Niin, tavallaan juuri koristelemista varten. Sikäli että css:llä juuri kannattaakin tehdä KAIKKI ulkoasuun liittyvät määritykset.

Eli pois kaikki ylimääräinen roska ja css ulkoiseen tiedostoon niin avot alkaa sivunteko tulla joustavammaksi.

Laitan tähän pienen esimerkin miten tuon etusivun voisi tehdä fiksummalla koodilla. Siitä ei tosin tullut aivan samannäköinen koska en nyt jaksa hirveästi ruveta säätämään. Mutta esmes näin:

----------------- index.htm -----------------




   
   Annukan kotisivut
   





Tervetuloa kotisivuilleni


   MINÄ
   LINKIT
   KOLIKOT
   KOLIKOT II
   SEKALAISTA
   PÄIVITYKSET
   NOPEUSTESTI
   VIHERPEUKALO



   



   
      
      
      
      
   

   Olet vierailija nro: tällä sivustolla

   Sivut päivitetty viimeksi: 28.10-2004






---------------------------------------------

Eikös vaan olekin älyttömän paljon selkeämpi tiedosto ja tiedostokokokin tipahti kolmasosaan.

Ja sitten tiedosto joka määrää ulkoasun:

----------------- tyyli.css -----------------

body {
   background-color: #D0FDD8;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-stretch : wider;
}
a:link {color: Green;}
a:visited {   color: #800080;   }
#keskelle {
   margin: auto;
   text-align: center;
}
#menu {
   position : absolute;
   top : 100px;
   left : 10%;
   line-height: 2em;
   font-size : 1.5em;
   font-weight : bold;
}
h1 {
   color: #0080C0;
   font-size: 2em;
   text-align: center;
}
.paivitetty {
   color : #BBBBBB;
}

---------------------------------------------

Jos haluaa tehdä toisen samannäköisen sivun niin sen voi linkittää samaan tyylitiedostoon. Sitten myöhemmin on helppo muutta koko sivuston ulkonäköä yhtä tiedostoa muokkaamalla.

Kannattaa tutustua tuohon koodiin ja miettiä mikä vaikuttaa mihinkin.

Tuohon html-koodiin tulee tällä palstalla ylimääräiset puolipisteet ( ; ) aina linkin jälkeen. Niitä ei tietenkään kuulu lalittaa sinne koodiin.

Palsta on muutenkin käsittämättömän typerä noiden koodien esittämisessä. Esimerkiksi jos valitsee "Vastaa tähän viestiin" niin silloin siinä viestissä johon vastaa ei enää näykään koodissa niitä ylimääräisiä puolipisteitä.

Joo, se on sellaista kun nettisivuja tekee sellaiset jotka eivät sitä osaa (tarkoitan siis tämän suomi24-sivuston tekijöitä).