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.
Niin 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ä...
Hei!
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.
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