Miksi Firefox ei näytä kaikkia kuvia

[Eugen]

Tein FronPagella kotisivun, johon laitoin taulukon rajauksia ja asettelua varten. Taustaksi laitoin jpg kuvan liittämällä sen ensin taulukolle ja sen jälkeen asetin "absoluuttisesti" ja vielä siirsin taulukon "taakse". Kuva ei näy Firefoxsilla, mutta IE:llä kyllä. Miksi!?!
Sivu lebba.fi

[raimo]

Tein FronPagella kotisivun, johon laitoin taulukon rajauksia ja asettelua varten. Taustaksi laitoin jpg kuvan liittämällä sen ensin taulukolle ja sen jälkeen asetin "absoluuttisesti" ja vielä siirsin taulukon "taakse". Kuva ei näy Firefoxsilla, mutta IE:llä kyllä. Miksi!?!
Sivu lebba.fi

Mitenkään ottamatta kantaa mihinkään muuhun, totean että siksi ei näytä kun CSS-määrityksistä puuttuu mittayksiköt.
Firefox on juuri siitä(kin) hyvä selain että se ei juurikaan arvele tai arvo esim. mittayksikköä (kuten se eräs "selain"), vaan asiat pitää olla täsmälleen oikein tehty, jotta ne toimivat halutulla tavalla.

Jos luku on jotakin muuta kuin 0 on mittayksikkö aina pakollinen. (0 ämpäriä on sama kuin 0 saavia = ei yhtään)
Eli muuta se vaikkapa left: 2px; top: -68px; jolloin toiminee. (px = pikseliä).

En nyt täysin varma ole korjaako tuo kokonaan ongelmaa, koska tuollainen toteutustapa on vähintäänkin outo.
Tarkoitan sitä että muitakin virheitä voi olla, esim miksi z-index on nefgatiivinen, jne.
Taustakuvana (body) tuo minusta kannattaisi laitaa eikä noin hassusti, mutta tee kuten haluat.

Tai ota se juttu dokun ala-osasta pois ja heitä tämä pätkä head-osaan:

Koodia: [Valitse]

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

body{
background-image: url("etusivu.jpg");
}

--></style>
Tuohon style-lohkoon sitten keräät kaikki muutkin CSS-määritykset.
CSS ohjeita on netti pullollaan, mutta tässä nyt aluksi yksi, suomeksi:
http://appro.mit.jyu.fi/doc/css/

[Eugen]

Kiitoksia Raimo. Koulutukseen pitäisi lähteä, että oppisin edes perusteet. Kaipa mun on kuitenkin delekoitava sivujen teko muille. Olen joskus laittanu kuvan taustakuvana ja se on tehny siitä kuvasta tilkkutäkin sinne taustalle, sen takia kokeilin tuota tapaa. Tuo kovasti haukuttu selain kuitenkin lukee sen niinkuin olen laittanut.
Kokeilen korjata ohjeesi mukaan.

[immoT]

Linuxiin ja myös muihin käyttöjärjestelmiin tehty NVU wysiwyg ohjelma tekee standardinmukaisempaa koodia, http://www.nvu.com Ubuntun pakettienhallinnasta "nvu"

[janne]

Linuxiin ja myös muihin käyttöjärjestelmiin tehty NVU wysiwyg ohjelma tekee standardinmukaisempaa koodia, http://www.nvu.com Ubuntun pakettienhallinnasta "nvu"

juu, tuon kanssa saattaa onnistua hieman paremmin. tosin noita sivuja katsellessa mieleen tuli pari muutakin juttua...

taulukoiden käyttäminen sivun taittoon ei ole kovin suositeltavaa nykypäivänä (eikä oikeastaan koskaan ollutkaan, mutta sitä käytettiin koska muuta vaihtoehtoa ei ollut). periaatteessa html-merkkauksen on tarkoitus määrittää ainoastaan sivun rakenne. html-kertoo otsikkotasoilla otsikon tärkeyden (eikä se siis ole tarkoitettu fontin koon muuttamiseen), kappale määrittää tekstikappaleen, lista kertoo listamuotoisesta datasta ja taulukko on taulukkomuotoisen datan esittämistä varten.

haluamansa kalatainen ulkoasu on mahdollista määrittää jo mainittujen css-tyylien avustuksella. niillä saa myös määritettyä mm. miten taustakuva näytetään (tiletettynä, kerran, keskitettynä...).

html:n oppiminen on melko helppoa, joskin sekin kannattaa alusta lähtien tehdä määritysten mukaan ja validoida tulosta välillä, jotta selaimet selviäisivät helpolla parsiessaan validia dokumenttia. näin myös toimivuus eri selainten välillä olisi todennäköisempää. css-puolestaan vaatii aavistuksen enemmän työtä, mutta ei missään nimessä ole mahdotonta. sitä varten on olemassa useita nettisivuja (suomeksikin, kuten jo annettu esimerkkikin) sekä Jukka K. Korpelan kirjoittama erinomainen kirja joka löytynee jokaisesta kirjastosta.


eivät nämä hommat aloittelijoille varsinaisesti vaiketa ole, pelkästään uusia.

[Eugen]

Linuxiin ja myös muihin käyttöjärjestelmiin tehty NVU wysiwyg ohjelma tekee standardinmukaisempaa koodia, http://www.nvu.com Ubuntun pakettienhallinnasta "nvu"

No joo. Yritin ladata sen, mutta Ubuntu ei suostunut. Olisin voinut opetella sen käyttöä. Opettelen ja kyselen ja katselen muden kysymyksien vastauksia. Ehkä voin pian alkaa vakituisesti käyttämään Ubuntua.

[Tuplanolla]

Yritin ladata sen, mutta Ubuntu ei suostunut.

Miksei? Mitä se ilmoitti? kirjoitihan varmasti sudo apt-get install nvu?

[raimo]

Miksei? Mitä se ilmoitti?

Huimapäisesti arvaan että siksi ei asennu koska se on universe-kirjastossa.
ko. kirjasto/varasto/tms. pitää ensin lisätä/ottaa käyttöön jotta nvu asentuu.

Katso ohje Ubuntu-tutuksi wikistä, jonka antiin kannattaa tutustua laajemminkin.
http://fi.wikibooks.org/wiki/Ubuntu_tutuksi/Ohjelmien_asentaminen_ja_pakettivarastot

Iltalukemiseksi sitten tämä:
http://fi.wikibooks.org/wiki/Ubuntu_tutuksi

Muista komento sudo apt-get update
sen jälkeen kun olet muokannut /etc/apt/sources.list tiedoston kuntoon.

Ubuntulle löytyy muutama muukin loistava "kotisivuohjelma", vaikkapa Bluefish sudo apt-get install bluefish
tosin WYSIWYG -ominaisuutta ei juurikaan muissa taida olla kuin tuossa nvu:ssa.

Janne jo hyvin ottikin kantaa siihen "muuhun", mihin minä en ottanut.
(W3C) validaattoria kannattaa tosiaan käyttää mahdollisimman paljon, se on iso apu.

[Eugen]

Sain NVU:n sittenkin toimimaan. Tein sillä uusiksi Index-sivun ja laitoin kuvan taustakuvaksi. Tilanne ei muuttunut. Vain teksti ja lisätyt kuvat näkyvät, ei tausta?!?! Nyt painun nukkumaan ja otan jonkun opuksen tyynyn alle oppiakseni  .