mistä saisin CSS:än?

http://koti.phnet.fi/~pkauhala/hostit/adu/indexi.php?auki=sivupohjat

miten saisin sivupohjat toimii vaik tään turvin? mitä pitää olla vai pitääkö vain olla jokin textikoodaus et sais sen toimii? Tarviiko tähän CSS:ää

aloittelija kirjoitti:

http://koti.phnet.fi/~pkauhala/hostit/adu/indexi.php?auki=sivupohjat

miten saisin sivupohjat toimii vaik tään turvin? mitä pitää olla vai pitääkö vain olla jokin textikoodaus et sais sen toimii? Tarviiko tähän CSS:ää

En kyllä välttämättä suosittelisi tuollaisten pohjien käyttöä..

Mutta se css.
Css on tekniikka jonka avulla saa erotettua sisällön ja ulkoasun toisistaan. Kunnolla tehtynä saat muutettua sivuston kaikkien sivujen ulkoasun täydellisesti pelkästään yhtä tiedostoa muuttamalla.

Css-tiedosto on oikeastaan varsin yksinkertainen tekstitiedosto. Itse kyllä käytän editoria sen tekemiseen, mulla on TopStyle josta Lite -versio on ihan ilmainen (ja täysin riittävä): http://www.bradsoft.com/download/index.asp

Ensin teet ihan tavallisen sivun, esim.




   Tyylikäs sivu
   




Mun kotisivu
Täsä on varsin tylsät kotisivut.





Sitten teet css-tiedoston joka tässä tapauksessa on nimeltään omatyyli.css
Sen voi tehdä siis vaikka notepadilla tai sitten css-editorilla. Tässä tapauksessa tallennat sen samaan paikkaan johon äskeisen sivunkin.
Tehdäänpä vaikka tällainen:

body {
   background-color : #F5DAC9;
   font-family : Arial, Helvetica, sans-serif;
}
h1 {
   text-align : center;
}
p {
   text-align : center;
   padding : 50px;
   border : 1px ridge Fuchsia;
}


Kuten huomaat, kyseisessä tiedostossa ainoastaan määritellään minkänäköisenä mitkäkin tagit halutaan näyttää.

Tõppõ kirjoitti:

En kyllä välttämättä suosittelisi tuollaisten pohjien käyttöä..

Mutta se css.
Css on tekniikka jonka avulla saa erotettua sisällön ja ulkoasun toisistaan. Kunnolla tehtynä saat muutettua sivuston kaikkien sivujen ulkoasun täydellisesti pelkästään yhtä tiedostoa muuttamalla.

Css-tiedosto on oikeastaan varsin yksinkertainen tekstitiedosto. Itse kyllä käytän editoria sen tekemiseen, mulla on TopStyle josta Lite -versio on ihan ilmainen (ja täysin riittävä): http://www.bradsoft.com/download/index.asp

Ensin teet ihan tavallisen sivun, esim.




   Tyylikäs sivu
   




Mun kotisivu
Täsä on varsin tylsät kotisivut.





Sitten teet css-tiedoston joka tässä tapauksessa on nimeltään omatyyli.css
Sen voi tehdä siis vaikka notepadilla tai sitten css-editorilla. Tässä tapauksessa tallennat sen samaan paikkaan johon äskeisen sivunkin.
Tehdäänpä vaikka tällainen:

body {
   background-color : #F5DAC9;
   font-family : Arial, Helvetica, sans-serif;
}
h1 {
   text-align : center;
}
p {
   text-align : center;
   padding : 50px;
   border : 1px ridge Fuchsia;
}


Kuten huomaat, kyseisessä tiedostossa ainoastaan määritellään minkänäköisenä mitkäkin tagit halutaan näyttää.

Onnistuin ja nyt osaan selkeän jutun mukaan. kiitos...

aloittelija =D kirjoitti:

Onnistuin ja nyt osaan selkeän jutun mukaan. kiitos...

Sen verran, että kun tekee sivun taulukoista, niin kuinka määritellä CSS:ässä jokaiselle taulukolle omat muotoiluasetukset??

NHL kirjoitti:

Sen verran, että kun tekee sivun taulukoista, niin kuinka määritellä CSS:ässä jokaiselle taulukolle omat muotoiluasetukset??

En välttämättä suosittelisi taulukkotaittoa mutta kyllä taulukot silti erittäin käyttökelpoisia ovat.

Kaipaatko jotain tällaisia?

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

HTML:



   1
   2





   3
   4



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


CSS:

   #taulukko {
      border : 1px ridge Black;
      width : 100px;
      height : 50px;
   }
   #taulukko td {
      background-color : Blue;
   }

   #ruudukko {
      margin : 20px;
      background : Aqua;
      border : 0px;
      color : Yellow;
   }
   #ruudukko td {
      width : 100px;
      height : 50px;
      background : White;
      border : 1px;
      background-image : url(http://www.suomi24.fi/ads/treffit/naimisiin_d.gif);
   }
   .kuvallinen {
      background-image : url(http://www.suomi24.fi/img/kes.gif);
      color : Lime;
   }

NHL kirjoitti:

Sen verran, että kun tekee sivun taulukoista, niin kuinka määritellä CSS:ässä jokaiselle taulukolle omat muotoiluasetukset??

CSS:ssä voit kohdistaa tageihin muotoiluasetukset erikseen käyttämällä class tai id -määrettä. Esim tai .

Suurin ero on siinä että id on oltava yksilöllinen dokumentissä ja class ei. Id kohdistaa tyylin tiettyyn elementtiin, kuntaas class määritteellä sama tyyli kohdistuu kerralla saman classin kaikille elementeille.

Tyylisivulla:
table.listaus { } /* class */
div#id {} /* id */