Vieritystä keskellä sivua

Tein piruuttani sivusi uusiksi. Revi siittä:)

-------------------- bl.htm --------------------




      
   
BL




~ Barry Longin artikkeleita ja kirjaotteita ~




   
   
   
      
      
      
      
      
      
         A SDFDF SDG OI
         SD DFGDFLKJL GJLJ
         SÖLKÖLKD ÖFDF KLKFFD
         SDF GKÖLÖDFG KÖKÄKÄKÄKSDFS
         SDF LKJLDS KJÖÖLKDSF
         SDFSDF FÖLÖL S
         SFSDLFÖLK
         SDFSDKSEOFJ
         SFF FRGJO
         SDF EMNO         
         A SDFDF SDG OI
         SD DFGDFLKJL GJLJ
         SÖLKÖLKD ÖFDF KLKFFD
         SDF GKÖLÖDFG KÖKÄKÄKÄKSDFS
         SDF LKJLDS KJÖÖLKDSF
         SDFSDF FÖLÖL S
         SFSDLFÖLK
         SDFSDKSEOFJ
         SFF FRGJO
         SDF EMNO
      
      
      
      
   
   
   









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

Sit täytyy vielä tehdä tuo css-tiedosto jossa määritellään miten tuota koodia kuuluu näyttää. Copypastaa vaikka tuosta notepadiin ja tallenna samaan hakemistoon kuin missä on tuo pääsivu:

------------------- barry.css ------------------

      body {
         background: Black url(kuvat/paper1.jpg) repeat fixed;
      }
      hr {
      }
      h1 {
         font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
         font-style: italic;
         text-align: center;
         border-top: 1px ridge #000080;
         border-bottom: 1px ridge #000080;
         padding-top: 20px;
         padding-bottom: 20px;
      }
      #sisus {
         margin: auto;
         text-align: center;
      }
      #sisus table {
         text-align: left;
      }
      #sisus td {
         height: 23px;
         width: 5px;
      }
      .vari {
         background-color: #000080;
      }
      #sisus ul {
         margin: 20px 16px;
      }
      #sisus li {
         list-style-image: url(kuvat/w.gif);
      }
      .sisalto {
         width: 300px;
      }
      #teksti {
         width: 300px;
         background-color: #008080;
         vertical-align: top;
         font-family: "Arial Black", Arial, Helvetica, sans-serif;
         font-size: 1em;
         color: #C0C0C0;
         font-style: italic;
         position: relative;
         overflow: auto; /* tämä tässä on vastaus kysymykseesi */
         height: 302px;
         overflow: auto;
         left: 0px;
         float: right;
      }



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

css-tiedostoja voi muokata kätevästi vaikka ilmaisella TopStyleLitella:
http://www.bradsoft.com/download/index.asp


Huom! Sinulla on huonosti nimetty tuo taustakuva. Palvelimella löytyy kuva paper1 .jpg
Tiedostoissa ei kuitenkaan saa käyttää välilyöntejä. Nimeä se mieluummin uudestaan, paperi1.jpg
------------------------------------------------

Tutki koodia ja opi!