Jos laitan kotisivulle sellaisen taustakuvan, että siinä on sellainen kuvareuna vasemmalla, niin MITEN SAAN TEKSTIN NIIN, ETTÄ SE ALKAA ( kuvan oikealta puolelta)VASEMMALLA PUOLELLA VASTA ESIM: 4 CM PÄÄSTÄ REUNASTA?? (Ettei se teksti mene sen kuvan päälle.)
Kiitos kovasti!!
P.S. Keskittäminen ei ole hyvä idea. Teksti voi oikealla mennä reunaankin asti mutta vasemmalla ei.
CSS:llä saa kätevästi.
Esim. tämä jättää sivun vasempaan reunaan 50 pikselin tyhjän tilan:
<style type="text/css">
BODY { margin-left: 50px }
</style>KIITOS!!!! Menen heti kokeilemaan :-)
Mihin tuo pätkä laitetaan?? Laitetaanko se BODY-tagien väliin vai minne?? Nyt sieltä häipyi kaikki tekstit ja myös jos kirjoittaa uutta tekstiä, mitään ei näy kun katsoo nettisivuna (?!)
Unohdin sanoa, että käytän HTML-editoria. Eiköhän siinä sitten voi käyttää tuollaista systeemiä? En kuitenkaan löydä sieltä sellaistakaan, mitä voisin käyttää tuon tekemiseen.
head-tagien väliin.
Ei toimi sielläkään. Nyt teksti jää mutta se menee reunaan asti eli siis kuvanreunuksen päälle.
Huono selain siinä tapauksessa.
Ja mikä mahtaa olla editorin nimi? Voiko siinä siis suoraan kirjoittaa HTML-koodia?
EasyHTML. Sillä voi kirjoittaa suoraan html-koodia ja siinä on myös toimintoja, esim. kuva-avustaja, väriavustaja ym ym.
Siinä editorissa kaikki kirjoitettu näkyy HTML-koodina ja sen alapuolella on sellainen "Esko", joka näyttää miltä sivu näyttää valmiina, Esko päivittää sivua halutuin väliajoin, esim. 20 s.
no voitko pastettaa sen koodin tähän?
<html>
<head>
<title>SIVUN OTSIKKO</title>
<style type="text/css">
BODY { margin-left: 50px }
</style>
</head>tuon alun luulisi toimivan.
ja tuo 50px on siis sen reunan "pituus" ennen tekstiä.
Copy and pastesin tuon tekstin mutta ei sillä ole mitään vaikutusta tuohon reunaan, näyttää ihan samalta kuin ilman tuota koodiakin. Eli teksti menee reunan päälle.
Eikö sinne BODY osioon pitäisi tehdä jotain määrityksiä, siellähän ne tekstitkin on(?)
*Kyselee taukki ymmällään*
En tiiä, mitä sulla on, mutta mulla ainakin toimii: http://pp.kpnet.fi/blaze/temp/margin/
<html>
<head>
<title>SIVUN OTSIKKO</title>
<style type="text/css">
BODY { margin-left: 50px; }
// +-------------------^^^
// huomaa puolipiste määrityksen jälkeen
</style>
</head>Lisätietoa css-tyylimäärityksistä: http://www.w3.org/Style/CSS/
Kiitos NiKC, tuo näyttää siltä, että se voisi toimiakin. Sain äsken toisella foorumilla ohjeen , joka toimii.
Eli homma onnistuu siten, että:
1) luet vasemmalle haluamasi kuvan leveyden pikseleinä
2) teet sivullesi tyylitiedoston
<html>
<head>
<style type="text/css">
body
{
background-image: url("taustakuvan tiedostonimi");
background-repeat: repeat-y
}
div.sisennys_vasen
{
margin-left: **px
}
</style>
</head>
<body>
<div class="sisennys_vasen">
Sivujesi sisältö tulee tähän.
</div>
</body>
</html>
Kohdassa margin-left: **px (nuo ** korvaat sitten kuvan leveydellä pikseleinä)
Juu, toimiihan tuokin. Tuo täällä annettu esimerkki määrittelee body-tagille 50 pikselin marginaalin vasempaan reunaan jolloin tuota div:iä ei tarvita.
Puuttui puolipiste muuten tuostakin esimerkistä :)
Saa sen näinkin:
<HTML> <HEAD> <TITLE>Sivun otsikko</TITLE> </HEAD> <BODY BACKGROUND="kuva.jpg" LEFTMARGIN="50"> Sivun sisältö </BODY> </HTML>
Ja jos haluu marginaalia myös yläreunaan ni sitten sana "LEFTMARGIN" korvataan sanalla "TOPMARGIN"...
Eipä oo standardi. Kiitos Microsoftin niin meillä on tuokin attribuutti.
EDIT: siis ei ole W3:n standardien mukainen :)
Kun nyt uudemmat selaimet (siitä yhdestä en olisi niin varma) pyrkivät noudattamaan W3Cn suosituksia niin eikös meidän, sisällöntuottajien, kannattaisi tehdä samoin...
Aihe on jo aika vanha, joten et voi enää vastata siihen.