Linkitän kehyksissä sijaitsevan sivun tyylitiedostoon näin:
Tyylitiedosto on tälläinen:
body { background-color: #fff; color: #000000; font-family: Arial; font-size: 12 px}
a:link { color: #888888; text-decoration: none; font-family: Arial; font-size: 12 px }
a:visited { color: #993333; text-decoration: none; font-family: Arial; font-size: 12 px }
a:active { color: #FF0000; text-decoration: underline; font-family: Arial; font-size: 12 px }
a:hover { color: #993333; text-decoration: underline; font-family: Arial; font-size:
12 px }
table { font-family: Arial; font-size: 12 px }
b { font-family: Arial; font-size: 12 px }
Selaimista IE on OK, Netscape ei tunnista mitään ominaisuuksia, K-meleon, Mozilla ja Opera näyttää fontit liian isolla. Mihin fonttikoko määritellään, miten ja mitä teen väärin???
Tyylitiedosto on tälläinen:
body { background-color: #fff; color: #000000; font-family: Arial; font-size: 12 px}
a:link { color: #888888; text-decoration: none; font-family: Arial; font-size: 12 px }
a:visited { color: #993333; text-decoration: none; font-family: Arial; font-size: 12 px }
a:active { color: #FF0000; text-decoration: underline; font-family: Arial; font-size: 12 px }
a:hover { color: #993333; text-decoration: underline; font-family: Arial; font-size:
12 px }
table { font-family: Arial; font-size: 12 px }
b { font-family: Arial; font-size: 12 px }
Selaimista IE on OK, Netscape ei tunnista mitään ominaisuuksia, K-meleon, Mozilla ja Opera näyttää fontit liian isolla. Mihin fonttikoko määritellään, miten ja mitä teen väärin???
Vastaukset 10
Vanhimmat
..K-Meleon ja Mozilla näyttävät jollain tavalla niin satasen varmasti Netscape näyttää samalla tavalla koska ne ovat ytimeltään sama selain eri kuorrutuksella. Eri juttu sitten on jos käytät Netscapen ANTIIKKIselainta (4.X), jolla ei ole teknisesti MITÄÄN TEKEMISTÄ nykyisen Netscapen kanssa.
Mielenkiintoista on että kaikki muut näyttävät samalla tavalla väärin mutta IE oikein. Entäpä jos IE ainoana näyttääkin väärin?
Määrittelysi olet tehnyt aivan oikein, vaikkakin nuo linkkeihin laitetut kokomääritykset font-familyt ovat turhia koska bodyssa oleva määrittely koskee myös niitä (body on ylin elementti). Se on sitä periytyvyyttä - kaikkea ei tarvitse erikseen kirjoittaa.
Tuo Netscape 4.X:n nimittely antiikkiselaimeksi kuvastaa sitä monen kotisivunkäpistelijän illuusiota että kaikilla tai edes suurimmalla osalla nettailijoista olisi uusin selain uusimmilla lisäyksillä käytössä. Mutta näinhän asia ei suinkaan ole. Monilla isommilla työpaikoilla (kuten täällä missä itse työskentelen) firma määrää selaimen version eikä niitä saa itse mennä päivittelemään. Työasemassani on Netscape 4.7 ja IE 5.5 enkä usko että olen ainoa. Jos kotisivuntekijä ei halua suurimman osan nettailijoista näkevän sivujaan sellaisina kuin hän on ne tarkoittanut ja käyttää uusimpia standardeja ja määrityksiä, hän voi mennä ihan itseensä. Lukijoiden ja kävijöiden ehdoilla tässä kuitenkin sivuja tehdään, eikös vain.
itse en ainakaan jaksa hyysätä antiikkiselaimia..
jos tekemäni tuotos on validia html sekä css tekniikoita käyttävää, en halua sotkea koodiani että se toimisi selaimella, joka ei ymmärrä yksinkertaisimpia asioita.. mikäs se semmonen "selain" on..
se että tuotokseni testasin seuraavilla selaimilla..
Mozilla 4.0
opera 6.04
IE 6
netscape 6.2
Konqueror 2.2.2
..riittää minulle ja saa kelavata kyllä muillekkin.. johonkin se raja on vedettävä..
minun mielipiteeni vain.. =)
Onhan monilla esim. töissä vähän vanhemmat koneet, joissa 2000 tai XP ei pyöris mitenkään. Joten IE 6 ei oo nille mitenkään mahdollinen.
Ottkos koittanu IE6:sta esim. 98:ssa.
Kelpaahan tuo mainiosti, jos sivujesi kohderyhmä on sellainen jolla takuulla joku mainitsemistasi selaimista on. Mutta jos sivuillasi on yleishyödyllistä tietoa joka on tarkoitettu "jokaisen suomalaisen" silmille, niin kannattaa tehdä jokin yksinkertaisempi ratkaisu. Eihän niitä viimeisimpiä jippoja ihan oikeasti edes tarvitse saadakseen välitettyä viestinsä, ainakaan jos kyse on tekstistä. Mitä sinun kotisivuillasi muuten on?
laittaa HTML fonttimäärittelyt joka sivulle, kuin tehdä ne CSS:llä?
Teen yritykselle sivuja (ensimmäisiäni) ja alkuun koodia opetellessani laitoin kaikki määrittelyt suoraan koodiin, sitten opettelin CSS juttuja linkkejä varten.
jos sivun tekee taulukkoon, ja määrittelee taulukolle fontin CSS:llä, ni mitäs sitten kun siihen taulukkoon laittaa toisen taulukon, johon pitäisi saada pienempi fontti? Laitanko joka solulle fonttimäärittelyn erikseen?
Tuolla alussa kun on esimerkkinä se CSS tiedosto, niin Netscape ei toimi sillä fontin, fonttikoon eikä linkkien määritysten suhteen! Se laittaa jonkun Timesin kun haluan Arialia?
tämä on niin ristiriitainen tilanne.. jos on sivuilla jotain yleishyödyllistä.. löytyy se luultavammin myös jostain muualta.. jos taas kyse on omista tuotoksistani, olivat ne sitten mitä tahansa niin nitä ei sitten taas löydykään yhtä helposti.. sikäli kun ne jotain kiinnostaa..
tästä voisi jotenkin vetää sellaisen jhtopäätöksen että yritykset, jotka eivät pidä selaimiaan ajantasalla, eivät välitä turvallisuudesta tuon taivaallista.. hassua mielestäni.. jos kuitenkin netin käyttö sallitaan, mutta samalla annetaan mahdollisuus ladata "vahingossa" koneet täyteen shittiä mitä nämä vanhat selaimet suoltavat läpi.. ei sillä että uudet selaimet eivät sitä tekisi.. mutta saisi riskeä edes hiukan minimoitua..
no juu.. tässä olisi vähän mietittävää niille ketkä näistä asioista päättävät kunkin yrityksen sisällä..
heh miten tuntuu että eksyin aiheesta.. nooh.. lisää kahvia vaan koneeseen. =)
omia sivujani en ole jaksanut/ehtinyt toteuttaa.. mutta suunnitelmissa on.. kuhan ehdin/jaksan..
sisälöksi olen kaavaillut lähinnä omia tuotoksiani.. sekä jonkinlaista .NET for dummies viritystä.. .NET alkeita halukkaille.. suomeksi..
Mutta se että monilla työpaikoilla on käytössä NS4.x ei muuta kyseistä selainta yhtään uudemmaksi, käyttökelpoisemmaksi, ajanmukaisemmaksi, toimivammaksi tai miksikään muuksikaan. NS4.x ON pirun huono selain varsinkin css-standardien noudattamisen suhteen, siitä ei pääse yli eikä ympäri.
Tarkoitukseni oli JÄLLEEN KERRAN huomauttaa tuosta ainaisesta "Netscapella näkyy tai ei näy näin" jutusta kun tuolloin yleensä tarkoitetaan tuota jurakauden muistomerkkiä NS4:ää joka on TÄYSIN ERI SELAIN kuin tämän vuosituhannen NS6. Siis TÄY-SIN!
Tuollaisista jutuista monet saattavat saada käsityksen että Netscape on huono selain mitä se ei varsinaisesti ole. Ei nykyään.
Myöskin oli tarkoitukseni huomauttaa siitä että mikäli IE:llä näkyy asiat jollain tavalla se ei välttämättä tarkoita että siinä näkyisi oikein. Kyllä IE:lläkin on vielä paljon petraamista css-toimivuuden parantamiseksi.
Kerroppa Webbineiti mainitsinko jotain siitä ettei sivujen tarvitse näkyä kunnolla myös tuossa Netscapen antiikkiversiossa? Luulempa että sinä se vain luit sen mitä halusit lukea vaikkei niin ollut edes kirjoitettu.
Tuo nelosversio on siinä määrin surkea selain ettei siltä kannata edes odottaa kunnollista toimivuutta (vähänkään kunnianhimoisemmilla sivuilla) samalla css-tiedostolla kuin mitä muille käytetään. Sen takia sille kannattaa tehdä kokonaan oma.
Se taas onnistuu - no milläs muullakaan kuin - css:llä:
1) linkität sivun johonkin css-tiedostoon, esim tyyli_ns.css
2) laitat sivulle ensimmäiseksi määritykseksi
@import "tyyli.css"; ja tämän perään css-määritykset ns4:lle.
3) teet myös uudempia määrityksiä käyttävän css-tiedoston (nimeltänsä tyyli.css) toimivammille selaimille.
NS4 ei ymmärrä tuota @import-systeemiä joten se hyppää sen yli ja alkaa tulkita seuraavia rivejä.
Fiksummat selaimet taas alkavat tulkita tyyli.css -tiedoston sisältöä. Ihan standardinmukainen juttu muuten:)
************************************************
Minä en ainakaan ymmärrä miksi sivut pitäisi aina suunnitella pienimmän nimittäjän mukaan. Mielestäni riittää että sivut TOIMIVAT KOHTUULLISESTI myös antiikkivermeillä.
************************************************
Ja kyllä, minun tekemäni sivut toimivat hyvin KAIKILLA selaimilla. Joissain tosin vähän eri näköisenä kuin toisissa mutta onko sillä nyt niin väliä. Itse kuitenkin olen päättänyt senkin miltä ne näyttävät esim. NS4:llä..
Jätät siitä html-koodista liki kaikki attribuutit helkuttiin ja korvaat ne css:llä (katso Zvonan kommentti: http://keskustelu.suomi24.fi/show.cgi?category=108&conference=654&posting=8500000000011664 )
Suuntaa katseesi eteenpäin. Turhaan opettelet tekemään sivuja millään muinaiskielellä (html3.2 jossa kaikki määritellään attribuuteilla). Historia on toki hyvä tuntea mutta vanhoista virheistä kannattaa oppia eikä suinkaan tehdä niitä uudestaan. Ja tuo attribuuttihelvetti oli kyllä yksi pirunmoinen virhe joka aiheutui Netscapen ja Microsoftin selainsodasta (nykyisin NS on siirtynyt kunniallisille raiteille, M$ ei). Ja kun kaikki määrittelyt tehdään css:llä niin sivunteko on HUOMATTAVASTI HELPOMPAA, ainakin pitemmän päälle.
Kahdelle eri taulukolle saat erilaisia määrityksiä helposti.
table {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : Red;
}
.erilainen {
font-size : 10px;
}
Taulukko tulee siis määrityksen mukaisesti, mutta toiseen taulukkoon voit pistää
Kaikki varsinaisen taulukon ominaisuudet periytyvät tuohon toiseenkin taulukkoon, mutta tuo erikseen määritelty 10px tulee vain tuohon nimenomaiseen taulukkoon.
Tuo ikiwanha NS4.X tekee sitten taas poikkeuksia, se kun ei tuosta periytymisestä tunnu ymmärtävän hevon helvettiä paitsi silloin tällöin ja täysin epäloogisesti.
Siksi teet sivut css:llä käytettäväksi ja sitten tuolle ongelmatapaukselle oma tyylitiedosto. Sinne pitää laittaa aikamoista rautalangasta vääntöä, esim bodyssa määritelty fontin väri ei seuraakaan taulukkoon vaan se on määriteltävä sinne erikseen. Tätä taas on ihan turhaa tehdä siihen varsinaiseen tyylitiedostoon.
(Tästä samasta keskustelusta löytyy kirjoitelmani jossa kerroin miten tuo tehdään. Kirjoitettu otsikolla "Kyllä vain")
Kompromissejahan joutuu tekemään jatkuvasti, mutta miksi antaa jonkin muinaismuiston pilata nykyaikaiset sivut?
sitä, että minun kannattaa käydä kaikki 50 html -dokumenttiä läpi ja poistaa niistä kaikki 2000 fonttimäärittelyä.... Kun on jo tullu tän projektin kanssa häslättyä niin kauan, että alkaa tympimään!
Haittaako ne siellä jotenkin?