Sain sivut "valmiiksi"...

En oo mikään hirvee asiantuntija, mutta kyllä sivut ainakin toimivat myös Operalla. Tuo jokaisen sivun yläosassa oleva kuva on kyllä hieno, mutta se vie ainakin mun näytölläni Operassa puolet koko sivun tilasta, jolloin sivua aina pitää vierittää, että voi lukea tekstiä. Voisiko harkita tuon kuvan tekemistä matalammaksi?

G'Kar kirjoitti:

En oo mikään hirvee asiantuntija, mutta kyllä sivut ainakin toimivat myös Operalla. Tuo jokaisen sivun yläosassa oleva kuva on kyllä hieno, mutta se vie ainakin mun näytölläni Operassa puolet koko sivun tilasta, jolloin sivua aina pitää vierittää, että voi lukea tekstiä. Voisiko harkita tuon kuvan tekemistä matalammaksi?

Juu, olen itsekin miettinyt sitä kuva-asiaa...Täytyy katsoa, kyllähän sen voisi tehdä pienemmäksi - se on css:llä tehty, joten muutos olisi aika yksinkertainen toteuttaa.

harjoittelija kirjoitti:

Juu, olen itsekin miettinyt sitä kuva-asiaa...Täytyy katsoa, kyllähän sen voisi tehdä pienemmäksi - se on css:llä tehty, joten muutos olisi aika yksinkertainen toteuttaa.

Kerrankin joku käyttää diviä eikä taulukoita, css pääsee oikeuksiinsa. Tämmöistä koodia näkee harvoin.

Peksu kirjoitti:

Kerrankin joku käyttää diviä eikä taulukoita, css pääsee oikeuksiinsa. Tämmöistä koodia näkee harvoin.

Kiitos! Yritin tehdä sellaiset sivut, jotka toimisivat kaikissa selaimissa - en tiedä onnistuiko, mutta toivottavasti. :)

harjoittelija kirjoitti:

Kiitos! Yritin tehdä sellaiset sivut, jotka toimisivat kaikissa selaimissa - en tiedä onnistuiko, mutta toivottavasti. :)

Et kai ole luntannut csszengardenista mitään?
No ei vaan, ainahan hyvästä koodista kannattaa mallia ottaa:)

G'Kar:in mainitsema ylisuuri "logo" olisi tietysti ihan viksua miettiä uudelleen. Ehkäpä navigointipalkki toimisi pelokkaat.net -tekstin kohdalla ja se teksti sitten vaikka ihan yläreunassa. Tulis aika monta pikseliriviä lisää tilaa, kaikilla kun ei tosiaan ole mitään jättestoreja näyttöjä.

Muuten kyllä kaikki näyttäis olevan ihan (tai erittäinkin) hyvässä kuosissa mitä pikaisesti sieltä täältä vilkuilin. Ei valittamista. (foorumista oli unohtunut koodista favicon.icon määritys)

Sivusto toimii suht sutjakkaasti jopa minun hitaalla yhteydelläni.

Testasin:
Opera 7 ja
Mozilla 1.1

Mulla on tekeillä yhdet Internet-sivut ja nuo sinun sivusi innostivat minutkin kokeilemaan tuota css:sää asemoimisessa. Kokeilin ensin omia keskeneräisiä sivujani parilla vanhemmalla selaimella ja sitten uteliaisuuttani myö näitä sinun tekemiäsi. Operan vanhempi viitosversio näyttää sivut oikein, mutta Netscape 4.6 ei enää näytä, siellä on tekstit menneet päällekkäin. En tiedä sitten katsooko kukaan sivuja näin vanhoilla selaimilla.

G'Kar kirjoitti:

Mulla on tekeillä yhdet Internet-sivut ja nuo sinun sivusi innostivat minutkin kokeilemaan tuota css:sää asemoimisessa. Kokeilin ensin omia keskeneräisiä sivujani parilla vanhemmalla selaimella ja sitten uteliaisuuttani myö näitä sinun tekemiäsi. Operan vanhempi viitosversio näyttää sivut oikein, mutta Netscape 4.6 ei enää näytä, siellä on tekstit menneet päällekkäin. En tiedä sitten katsooko kukaan sivuja näin vanhoilla selaimilla.

"Operan vanhempi viitosversio näyttää sivut oikein, mutta Netscape 4.6 ei enää näytä, siellä on tekstit menneet päällekkäin"

Ei mitenkään yllättäävää kun kyseessä on NN4.x. Sen css-tukea ei voi hyvällä tahdollakaan sanoa kummoiseksi. Lisäksi se usein yrittää suoriutua säännöistä, joiden toiminnasta sillä ei ole hajuakaan(sen sijaan että jättäisi ne huomioimatta). Paras (ja helpoin)tapa tukea vanhempia selaimia lieneekin pitää dokumentin rakenne kunnossa ja loogisena.

Netscapelta(4-sarja) on helppo piilottaa tyylitiedosto esim @importilla. Tämä taas (muistaakseni) aiheuttaa IEllä ns. FoUC-efektin(Flash of Unstyled Content), sivua ensi kertaa ladatessa. Tämäkin on kierrettävissä.

Y_H kirjoitti:

"Operan vanhempi viitosversio näyttää sivut oikein, mutta Netscape 4.6 ei enää näytä, siellä on tekstit menneet päällekkäin"

Ei mitenkään yllättäävää kun kyseessä on NN4.x. Sen css-tukea ei voi hyvällä tahdollakaan sanoa kummoiseksi. Lisäksi se usein yrittää suoriutua säännöistä, joiden toiminnasta sillä ei ole hajuakaan(sen sijaan että jättäisi ne huomioimatta). Paras (ja helpoin)tapa tukea vanhempia selaimia lieneekin pitää dokumentin rakenne kunnossa ja loogisena.

Netscapelta(4-sarja) on helppo piilottaa tyylitiedosto esim @importilla. Tämä taas (muistaakseni) aiheuttaa IEllä ns. FoUC-efektin(Flash of Unstyled Content), sivua ensi kertaa ladatessa. Tämäkin on kierrettävissä.

"Tämä taas (muistaakseni) aiheuttaa IEllä ns. FoUC-efektin(Flash of Unstyled Content), sivua ensi kertaa ladatessa. Tämäkin on kierrettävissä."

Eli käytännössä? Entä miten on kierrettävissä?

- - - - - - - -

Itse teen mielelläni NS4.x:lle yksinkertaisen tyylitiedoston ettei sivut silläkään näyttäisi ihan pelkältä TimesNewRomania valkoisella pohjalla. Tärkeintä tietenkin on että sivut näkyvät järkevästi kaikilla selaimilla, mielestäni on ihan sama vaikkei sivut olisikaan huippuhienot jollain ikiwanhoilla rojuilla. Kunhan niilläkin katseltuina sivut ovat toimivat ja selkeät.

Tõppõ kirjoitti:

"Tämä taas (muistaakseni) aiheuttaa IEllä ns. FoUC-efektin(Flash of Unstyled Content), sivua ensi kertaa ladatessa. Tämäkin on kierrettävissä."

Eli käytännössä? Entä miten on kierrettävissä?

- - - - - - - -

Itse teen mielelläni NS4.x:lle yksinkertaisen tyylitiedoston ettei sivut silläkään näyttäisi ihan pelkältä TimesNewRomania valkoisella pohjalla. Tärkeintä tietenkin on että sivut näkyvät järkevästi kaikilla selaimilla, mielestäni on ihan sama vaikkei sivut olisikaan huippuhienot jollain ikiwanhoilla rojuilla. Kunhan niilläkin katseltuina sivut ovat toimivat ja selkeät.

"Eli käytännössä?"

IEllä sivua ladattaessa, selain "väläyttää" tyylittelemättömän version sivusta. Ei varsinaisesta suuri ongelma, ärsyttävä kylläkin.

"Entä miten on kierrettävissä?"

Esimerkiksi sanomalla ennen @importattua tyyliä headissa: . Tätä käytetään esim csszengardenissa.

Taustaa ja tietoa ilmiöstä löytyy osoitteesta http://www.bluerobot.com/web/css/fouc.asp