TOK, lopeta.

Kiitti sulle vastauksesta latzka.

Mutta mites saisin tota marginaalia muutettua? Kun muutin vasenylan, vasenkeski ja vasenala margin-left: auto --> margin-left: 50px, niin käy näin Haluisin sen tähän tulee sivuotsikko silleen niinku se aluks oli. Eli siis se mitä täs on ny muuttunu on se et toi mihi toi mun koko sivu rakentuu on siirretty enemmän vasemmalle päin ja sit on ylämarginaalia vähän suurennettu.

Antakaas jotai linkkejä tai jotain muuta tietoa näistä <div>-jutskista, niin voisin ite kattoo et miten toi toimii.

Lainaus:14.08.2005 Lindewell kirjoitti:
TOK, lopeta.

Kenet? Kiitti muuten, olit eka joka valitti tähän aiheeseen.

Lainaus:14.08.2005 TOK kirjoitti:

Lainaus:14.08.2005 Lindewell kirjoitti:
TOK, lopeta.

Kenet? Kiitti muuten, olit eka joka valitti tähän aiheeseen.

Tossa pelien kannet aiheessa Tillukin laittoi kun laitoit "1 rajoita aiheita" ni Tillukin laittoi että haha.

Lainaus:14.08.2005 TVN kirjoitti:
Kiitti sulle vastauksesta latzka.

Mutta mites saisin tota marginaalia muutettua? Kun muutin vasenylan, vasenkeski ja vasenala margin-left: auto --> margin-left: 50px, niin käy näin Haluisin sen tähän tulee sivuotsikko silleen niinku se aluks oli. Eli siis se mitä täs on ny muuttunu on se et toi mihi toi mun koko sivu rakentuu on siirretty enemmän vasemmalle päin ja sit on ylämarginaalia vähän suurennettu.

Toivottavasti ymmärsin nyt oikein. Toivotaan parasta :)

Tuo johtuu siitä, että olen tuolla näkymättömällä, 900 pikseliä leveällä "containerilla" keskittänyt tuon koko rakennelman. Helpointa lisätä marginaalia vasemmalle on lisätä pelkän "containerin" margin-left -arvoa ja jättää ne muut automaattiseksi. Tällöin koko paketti siirtyy marginaalin verran oikealle, eikä pääse "hajoamaan osiin" kuten tuossa linkin tapauksessa.

Eli siis lyhyesti, tallenna uudestaan tuo alkuperäinen tyylit.css edelliseltä sivulta ja muuta vain "#container"-kohdan alta löytyvää margin-leftiä. Suosittelen käyttämään tätä tapaa.

--

Jos haluat kuitenkin marginaaleilla muutella ne etäisyydet sivun reunasta mieleiseksesi, niin se onnistuu myös. Tämän keinon ongelma on se, että tuo sivuotsikko hyppää samaan tapaa kuin tuossa linkissäsi riviä alemmas aina, kun siltä loppuu tila ylemmällä rivillä.

Ensiksi avaa tuo etusivu.html ja poista rivi <div id="container"> sekä sivun lopusta edellisen sulkutagi </div>, joka on siis juuri ennen </body> -tagia aivan sivun lopussa.

Seuraavaksi avaa tyylit.css ja rullaa alas kohtaan "#keskiyla". Etsi alta kohta "float: right;" ja muuta se muotoon "float: left;". Voit samalla poistaa myös koko seuraavan pätkän, sillä se jää tarpeettomaksi:

#container {

padding-top: 0px;

padding-left: 0px;

padding-bottom: 0px;

padding-right: 0px;

margin-top: 45px;

margin-right: auto;

margin-bottom: 0px;

margin-left: 50px;

float: none;

width: 900px;

height: auto

}

Lainaus:14.08.2005 Defiler kirjoitti:

Lainaus:14.08.2005 TOK kirjoitti:

Lainaus:14.08.2005 Lindewell kirjoitti:
TOK, lopeta.

Kenet? Kiitti muuten, olit eka joka valitti tähän aiheeseen.

Tossa pelien kannet aiheessa Tillukin laittoi kun laitoit "1 rajoita aiheita" ni Tillukin laittoi että haha.

Kiinnostava informaatio.. Melkein kiinnostaa mitä jotkut moderaattorit muista ajattelee..

Lainaus:14.08.2005 TVN kirjoitti:
Kiitti sulle vastauksesta latzka.

Mutta mites saisin tota marginaalia muutettua? Kun muutin vasenylan, vasenkeski ja vasenala margin-left: auto --> margin-left: 50px, niin käy näin Haluisin sen tähän tulee sivuotsikko silleen niinku se aluks oli. Eli siis se mitä täs on ny muuttunu on se et toi mihi toi mun koko sivu rakentuu on siirretty enemmän vasemmalle päin ja sit on ylämarginaalia vähän suurennettu.

Antakaas jotai linkkejä tai jotain muuta tietoa näistä <div>-jutskista, niin voisin ite kattoo et miten toi toimii.

Jos sä haluat keskittää koko tuon hökötyksen, niin pistä containeriin:

margin: 0px auto;

ja jätä ne muut osat marginoimatta. Tuo sivuotsikon div meni tolleen huonosti noiden kahden muun divin väliin, koska containerin leveys ei riittäny asettamaan sitä vasenylaa ja keskiylaa vierekkain, mikä taas johtui siitä sun antamasta marginaalista.

Sitten näitä käytännön vinkkejä:

Sulla oli css:ssä tämmönen rimpsu:

border-width: 1px;

border-color: #000000;

border-style: solid;

jonka olis voinu helpommin ilmaista seuraavasti:

border: 1px solid #000000;

Samaten on helpompi pistää vain:

margin: 0px; padding: 0px;

kuin määritellä erikseen margin-left, margin-right jne. ja padding-left, padding-right jne. samoilla arvoilla. Sitten taas, jos tarvii kolmeen reunaan 2 pikselin borderin ja yhteen reunaan 1 pikselin borderin, niin voi pistää:

border: 2px solid black;

border-right: 1px solid maroon;

Sama toimii tietysti myös marginilla ja paddingilla. Sitten taas padding ja margin on standardinmukaisesti oletuksena 0px, joten niitä ei välttämättä tarvitse erikseen määrittää nollaksi jokasen elementin kohdalla. Diveillä myös border on nolla. Leveys ja pituus automaattisesti "auto", joten erikseen ei sitäkään tarvitse määritellä noin.

Lainaus:14.08.2005 latzka kirjoitti:
Sama diveinä, kopioi viivojen välinen osuus ja tallenna samoilla nimillä (etusivu.html ja tyylit.css). Kannattaa muuten pistää nuo värit tuossa #xxxxxx -muodossa, sillä ainakaan IE6 ei näytä tuolta linkkien takaa aukeavaa sivua oikein noilla toisilla arvoilla. Se ei tarkoita, että ne arvot olisivat jotenkin väärin. IE on vaan *****.

Enpä nyt kerenny kattomaan, että mitä väriarvoja TVN oli siellä css:ssään käyttäny, mutta kyllä IE mun nähdäkseni oikein toistaa ~kaikki värit, paitsi että grey (eng. harmaa) ja green (vihreä) menevät sekaisin, koska grey ei ole standardisoitu väri (sitä vastoin gray [am. eng. harmaa] on, ja se myös näkyy harmaana IE:lläkin).

http://www.w3schools.com/html/html_colors.asp

Tuolta näkee nuo standardit värit, jotka ilmeisesti kaikki toistuvat yleisimmillä selaimilla oikein.

Näköjää osaan oli jo vastattu sillä välin ku kirjotin, mutta tulipa kuitenki kertaukseks.

Täs ois kans yksi linkki josta saa html tietoa.
http://ari.rdx.net/htmlopas/

Ei toimi Mozilla Firefox 1.0.6 versiolla, IE:llä toimii.

Lainaus:14.08.2005 tomiii kirjoitti:
Täs ois kans yksi linkki josta saa html tietoa.
http://ari.rdx.net/htmlopas/

Ei toimi Mozilla Firefox 1.0.6 versiolla, IE:llä toimii.

En nyt välttämättä etsisi opastusta html:ään sivuilta, jotka eivät edes ole välttävällä tasolla toteutetut...

frolicilleja latzkalle tiedoks et kun te neuvoitte mua käyttämään noita divejä solujen sijaan, niin voisitteko kertoa esim. sivuja, joista löytäisin vähän enemmän tietoa noista diveistä.

Itse diveistä ei varmaan montaa tutoriaalia löydy, sillä CSS on se, jolla nuo sivut muotoillaan kohdilleen. Googlella löytää varmasti hakemansa. Seuraavat linkit kannattaa joka tapauksessa silmäillä:

http://www.456bereastreet.com/lab/developing_with_web_standards/fi/
-Varsinkin 6. kohta on ihan hyödyllistä tietoa aloittelijalle.

http://koti.mbnet.fi/~petepe/css1/
-Paaljon asiaa CSS:stä.

Lainaus:14.08.2005 frolic kirjoitti:

Lainaus:14.08.2005 tomiii kirjoitti:
Täs ois kans yksi linkki josta saa html tietoa.
http://ari.rdx.net/htmlopas/

Ei toimi Mozilla Firefox 1.0.6 versiolla, IE:llä toimii.

En nyt välttämättä etsisi opastusta html:ään sivuilta, jotka eivät edes ole välttävällä tasolla toteutetut...

Nuo eivät oo mun sivut et älä mulle tuu valittaa. Laitoin vaan tänne jos joku löytää tuolta jtkn tarpeellista tietoo.

tiätääkö kukaan mistä löytäisi kotisivut claania varten että ne olisivat puoliksi valmiit? kerran aikojasitten tein johonki sivustoo mis oli valmiiks kaikki rekisteröinnit ja muut tarvittavat ja sit niit sai muokata jos halus... en kuiteskaa muista sivuston nimeä joten tietääkö ketään hyvää ILMASTA sivustoa..?

-

Millä sivustolla voin julkaista frontpagella tekemäni sivut ilmaiseksi ja kertokaa ohjeet, sillä olen idiooti

Tässä on esimerkki:
<HTML>
<HEAD>
<TITLE>Testi Sivu</TITLE>
</HEAD>
<BODY>
Terve, tämä on testi sivu.
</BODY>
</HTML>
Niin mihin noit <HTML> ja </HTML> merkkei tarttee??

Lainaus:16.08.2005 soldieri kirjoitti:
Tässä on esimerkki:
<HTML>
<HEAD>
<TITLE>Testi Sivu</TITLE>
</HEAD>
<BODY>
Terve, tämä on testi sivu.
</BODY>
</HTML>
Niin mihin noit <HTML> ja </HTML> merkkei tarttee??

Ne kertoo selaimelle, että kyseessä on HTML-koodia.

Lainaus:16.08.2005 lator kirjoitti:

Lainaus:16.08.2005 soldieri kirjoitti:
Tässä on esimerkki:
<HTML>
<HEAD>
<TITLE>Testi Sivu</TITLE>
</HEAD>
<BODY>
Terve, tämä on testi sivu.
</BODY>
</HTML>
Niin mihin noit <HTML> ja </HTML> merkkei tarttee??

Ne kertoo selaimelle, että kyseessä on HTML-koodia.

Eli? Mitäs jos ei laitakaan noit HTML- merkkejä?

Lainaus:16.08.2005 soldieri kirjoitti:

Lainaus:16.08.2005 lator kirjoitti:

Lainaus:16.08.2005 soldieri kirjoitti:
Tässä on esimerkki:
<HTML>
<HEAD>
<TITLE>Testi Sivu</TITLE>
</HEAD>
<BODY>
Terve, tämä on testi sivu.
</BODY>
</HTML>
Niin mihin noit <HTML> ja </HTML> merkkei tarttee??

Ne kertoo selaimelle, että kyseessä on HTML-koodia.

Eli? Mitäs jos ei laitakaan noit HTML- merkkejä?

Silloin selain ei tunnista että kieli on HTML ja näkyy aivan sekasotkua.

Lainaus:16.08.2005 lator kirjoitti:

Lainaus:16.08.2005 soldieri kirjoitti:
Tässä on esimerkki:
<HTML>
<HEAD>
<TITLE>Testi Sivu</TITLE>
</HEAD>
<BODY>
Terve, tämä on testi sivu.
</BODY>
</HTML>
Niin mihin noit <HTML> ja </HTML> merkkei tarttee??

Ne kertoo selaimelle, että kyseessä on HTML-koodia.

Ja jos oikaistaan yleistä väärinkäsitystä (= että tuo kertoisi kaiken), niin tuo <html>-tagi kertoo vain, että seuraavaksi tulee jotain HTML-pohjaista koodia, joka siis voi olla loppupeleissä melkein mitä tahansa. Tarkemmin selaimelle kerrotaan koodin tyyppi DOCTYPE-määritteellä.

Mikäli nuo html-tagit poistaa, niin tulos riippuu selaimesta. Ilmeisesti ainakin Firefox ja IE näyttää sisällön siitä huolimatta "oikein" (eli niin oikein, kuin määrittämättömän sisällön voi näyttää ilman syväskannausta), eli yleensä täysin virheettä. Kuten äsken sanoin, niin selain ei todellakaan tunnista koodityyppiä tuon <HTML>:n (XHTML:ssä <html>) perusteella muutenkaan.

Eihän nykyään edes ole olemassa vain jotain "HTML:ää", vaan se on yleisnimitys olemassa oleville HTML:n eri versioille, joista uusin on HTML 4.01.

No sitä vaan, että tuolta: http://www.100mb.fi/
saa ostettua myös kotisivutilaa. Ei ilmaiseksi, mutta ainakin rahoilleen vastinetta.
Giga ei välttämättä lopu ainakaan ihan samantien käytössä kesken.

Kuinka saan kotisivuni tuottamaan rahaa?

vastaus lupa on myönnetty...

Julkaisen frontpagella tekemäni sivut freewebsin avulla. Se ei kuitenkaan näytä kaikkia kuvia, voiko joku auttaa?

Toinen ongelma:
Frontpagella kun haluat jatkaa kirjoittamista seuraavalle riville, niin pitää painaa enteriä, mutta kun sitä painaa niin rivien väliin ja *******moinen väli, miten sen saa pois?

Lainaus:18.08.2005 hatunkaataja kirjoitti:
Julkaisen frontpagella tekemäni sivut freewebsin avulla. Se ei kuitenkaan näytä kaikkia kuvia, voiko joku auttaa?

Toinen ongelma:
Frontpagella kun haluat jatkaa kirjoittamista seuraavalle riville, niin pitää painaa enteriä, mutta kun sitä painaa niin rivien väliin ja *******moinen väli, miten sen saa pois?

Tarkista, että niiden kuvien polut ovat oikein. Jos vaan läiskit kuvia Frontpagella, niin on erittäin suuri todennäköisyys, että ohjelma asettaa niiden poluksi osoitteen kiintolevylläsi. Olethan muuten ladannut myös ne kuvat serverille?

Toisen ongelman kohdalla epäilisin sitä, että enteriä painamalla Frontpage tekee kappaleenvaihdon. Jos siinä ohjelmassa on joku välisivu, josta pystyt muokkaamaan koodia, niin enterin painamisen sijaan lisää <br> aina siihen kohtaan, johon haluat rivinvaihdon. Kaksi <br>:ää peräkkäin tekee luonnollisesti kaksi rivinvaihtoa.