Helppo kysymys

noin vaan kun HTML:ssä ei ole määrittelyä pystyviivaa varten...

- CSS:n avulla
- layerin avulla
- kuvana

Se kun ei ole mitenkään rakenteellinen systeemi, vaakaviiva on; se voi hyvinkin erottaa kokonaisuuksia toisistaan.

Mutta aina voit käyttää css:ää, se kun on tarkoitettu ulkoasumäärityksiin (toisin kuin html).

Ainahan voit käyttää vaikka span-elementtiä sopivilla määrityksillä:

html:



css:

   .pystyviiva {
      height: 700px;
      width: 1px;
      border-left: 1px solid Black;
      }


Mutta fiksumpaa olisi varmaankin käyttää tuohon sivuilla itsessään olevia elementtejä. Vaikkapa jotenkin näin:



   Untitled
   
   #valikko, #sisalto {
      position: absolute;
      }
   #valikko {
      top: 5.5em;

      }
   #sisalto {
      height: 700px;
      border-left: 1px solid Black;
      padding: 1em;
      left: 10em;
      }





   
      linkki
      linkki
      linkki
   



   Lorem Ipsum
   Donec non tortor. Maecenas dui purus, commodo vel, mollis ac, nonummy at, nunc. Nunc nec felis eu ante blandit dictum. Maecenas nunc. Quisque erat tortor, commodo id, accumsan sit amet, laoreet sit amet, magna. Pellentesque fringilla justo et est. Donec eros est, vulputate in, tristique ac, convallis a, risus. Etiam porttitor tortor. Mauris enim lacus, vehicula quis, egestas vulputate, condimentum ut, ante. Vivamus tristique velit eget metus. Donec mollis quam nec risus. Ut sit amet justo at sem auctor volutpat. Mauris eget nisi consectetuer purus vestibulum bibendum. Suspendisse quis orci. Vivamus cursus diam quis turpis. Donec pede. Quisque magna. Maecenas facilisis nulla at nisl. Etiam placerat convallis libero. Nulla facilisi.







Ymmärtänet idean, ihan sivunrakenteesta riippuu mille elementille se viiva annetaan..