ohjeita web-sivuston tekijälle
Vaakasuorilla viivoilla voidaan helposti jakaa sivun aineistoa ryhmiin. Ohut, kokosivun levyinen viiva syntyy yksinkertaisesti:
<hr>
(By the way: hr = horizontal rule)
Viivan leveyttä voidaan helposti muuttaa käskemällä WIDTH-attribuutilla. Esimerkiksi:
<hr width="100">
Joilloin viivan leveys on 100 pikseliä, tai:
<hr width="50%">
Jolloin viiva vie puolet sivun leveydestä.
Viivan paksuutta voit muuttaa SIZE-attribuutilla, esimerkiksi:
<hr size="10">
Jolloin viivan paksuus on 10 pikseliä.
Viivan voi myös tasata vasemmalle tai oikealle oletuksena olevan keskityksen sijaan. Tällöin käytetään ALIGN-attribuuttia. Arvot näin ollen left (vasemmalle) ja right (oikealle).
Seuraava esimerkki valaiskoon viivojen käyttöä:
<HTML> <HEAD> <TITLE>Viivat</TITLE> </HEAD> <BODY> <H3>Muutama viiva:</H3> <p>Viiva, jonka leveys on 200 pikseliä ja korkeus 5 pikseliä:</p> <hr width="200" size="5"> <p>Oikealle tasattu, neljänneksen levyinen vakiopaksuinen viiva:</p> <hr width="25%" align=right> </BODY> </HTML>
Selain näyttää tämä sivun seuraavasti:
Mikäli haluat erilaisia viivoja, on kätevää käyttää pitkulaista kuvatiedostoa. Muista kuitenkin että kuvien lataaminen on hitaampaa kuin vakiona HTML:stä löytyvän viivan käyttäminen.
Seuraava sivu: Linkit.
g
19.9.2004 19:21Niin noista viivoista, vähän epäilen että onko nuo valideita?
14.10.2004 15:18Voikos noiden viivojen väriä määritellä jotenkin?
21.10.2004 12:48memmu: laita esimerkiksi <HR WIDTH="50%" COLOR="red"> niin saat viivaan värit.
Todella paljon kiitoksia näistä sivuista niiden tekijälle.
Saako noita viivoja pystysuoraan?
aattelin vaan kysyä...
OOTTEKS TE VÄHÄ TYHMII???
18.5.2005 12:46ketä kiinnostaaaaaa
30.8.2005 20:31Hei!
Miten voin liittää kotisivulleni tiedoston ja tiedoston sisälle tiedoston
Ps. lähetä sähköpostina
Miten saisin tehtyä pystysuoran viivan?
26.10.2005 18:14kun laitat korkeutta enemmän kuin pituutta siihen komentoon niin mä tein. Joka ei kyllä lupaa mitään ;D
29.12.2005 10:55Mitenkäs tuota viivaa voi säätää tyylipohjilla? ideana olisi saada useanlaisia viivoja joita voisi kaikkia säätää jälkeenpäinkin css-tiedoston kautta.
10.3.2006 10:11mitenkäs tollasen pysty suoran viivan saa tehtyvä, onkos edes mahdollista. Jos on ni viittiskö joku vastata joskus.Kiitti etu käteen, hyvät sivut, kiitos ja kumarrus tekijälle, nostan hattua.
8.4.2006 17:52Tää on tosi homon hyvä sivu!
8.4.2006 17:53eks tääx ooxki iha ihq sivux? häh?
4.5.2006 11:11hä ?
19.5.2006 17:10Niin, miten saisi pystysyoran viivan...
14.6.2006 19:54Pystysuora viiva saadaan vaihtamalla pituus ja leveys toisinpäin!
on helppoo...
Voiko viivoja pistää pysty suuntaan?
26.9.2006 18:34näin saat lisättyä kätevästi tablen avulla pystyviivan...
<html>
<head>
</head>
<title>table tyyliä hyväksi käyttäen</title>
<body>
<center>
<h1>blaa blaa</h1>
</center>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="90%">
<td width="5" height="100%" bgcolor="#000000"> </td>
<td width="*%" height="100%" align="center">tere</td>
<td width="5" height="100%" bgcolor="#000000"> </td><tr>
</table>
</body>
</html>
toivottavasti tästä oli jollekki apua
mistä saa tagin jolla saa reunaviivan näkyviin
23.7.2007 01:00asdasdasdasdasdasd
26.7.2007 00:52Hei miten saa pystysuotan viivan liikumaan sivuille?
26.7.2007 00:58Eiku hei nyt mä osasinkin^^
2.12.2007 12:54Miten saan pystyviivan?
4.12.2007 16:52sain noi viivat toimii kunnolla.
28.2.2008 09:14Mitä tämä höpinä on, miten tää ees liittyy kotisivujen tekoon kun ei selvästi lue missää että onko tää laillista.
28.2.2008 09:17Alkaa vähän epäilyttämään tää touhu. EIHÄN nuo viivat oo suoria??
28.4.2008 20:25TOSI HYVÄT SIVUT!!!
SELKEÄT JA AUTTAA SKOLESSA!!!
ILTAPÄIVÄLLÄ KIINNOSTUIN JA SEURAAVANA PÄIVÄNÄ OLIN JO HITSIN HYVÄ!!!!
K11T000S!!!!!!!
:D:D:D:D
<hr width="5" size="200">
Tossa teille pystyviiva!
Noin helppoa...
Ja kiitos sivuista!
Teen kaverin elokuvalle nettisivua ja yritän saada viivaa vasemmalle mutten kiinni reunaan, olisko mitään koodia saada se irti reunasta?