Apua! - Etsi - Jäsenet - Kalenteri
täysi versio: mappaus
Puskaradio > Puskis > **OFF TOPIC** > Kotisivut
jenna-
Ratkaisu löytynyt ^^
Kiiwi
Nuo linkit toimivat ihan hyvin ja sivun lähdekoodissa mappaus on ihan ok. Mutta tuossa viestissäsi on jotkin ylimmääräiset top="new" -pätkät... Mutta asiaan biggrin.gif

Tuo kirjoitus ongelma johtuu ilmeisesti siitä että ulkoasu menee tekstin päälle ja sen takia teksti ei näy. Sivulta puuttuu myös oikeastaan kaikki oleellinen html sivun perusrakenne.
Eli nämä pitäisi löytyä vähintään lähdekoodista:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Otsikko</title>
</head>
<body>
SIVUN SISÄLTÖ
</body>
</html>


Sivujen järjestelyn kannalta suosittelen divejä, koska itse käytän niitä. happy.gif Laitan tähän mallin miten voit sivuja lähtä kokoamaan. (En osaa selittää, niin toivottavasti saat selvää näin.. lookaround.gif ) Allaoleva koodi täytyy laittaa <body></body> tagien väliin! (sivun sisältö -kohdan voi poistaa)

<div id="kokosivu">
tähän mappauskoodi
<div id="teksti">
TEKSTI TÄHÄN
</div>
</div>

Tuo "kokosivu" divi on siis tuon ulkoasukuvan sisältävä laatikko ja sen sisällä oleva div -"teksti" sisältää kaiken mitä pistät "TEKSTI TÄHÄN" -kohtaan.

Ja että mikään näkyisi mitenkään, niin css:llä täytyy muotoilla nuo laatikot järkeviksi. Tämä allaoleva koodi täytyy laittaa <head></head> tagien väliin!

<style type="text/css">
<!--

#teksti {
width:??px;
position:absolute;
top:??px;
left:??px;

border:1px solid #000;
}

-->
</style>

Noniin, sitten vain kokeilemaan; pistä width:in perään kysymysmerkkien paikalle tekstialueen leveys.
position:absolute tarkoittaa tekstilaatikon sijaintia.. top: ylhäältä ja left: vasemmalta. Pistä kysymysmerkkien paikalle luvut niin että tekstilaatikko tulee tekstialueen yläreunaan.
border:1px so.... on musta reuna tekstilaatikon ympärillä, sen voi poistaa lopuksi tai pistää sen "nollille" (0px)

Huh tulipas pitkä selostus... Mutta toivottavasti tuosta on apua. biggrin.gif
jenna-
Kiitos Kiiwi! Oli apua, ja tajusin myös että se linkki loota täytyy tehdä erikseen, ja nyt sain sen sitten onnistumaan ^^,
Tämä on "lo-fi" versio foorumeistamme. Nähdäksesi täyden version, johon kuuluvat muotoilut, kuvat yms. klikkaa tässä!.
Invision Power Board © 2001-2012 Invision Power Services, Inc.