Onko sitten ONload ja NAME-attribuutit myös navipalkissa vääriä? Miten niiden kuuluisi olla?
Validaattori
hieman valkenee
14554
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Turvaa tilisi vahvistamalla puhelinnumerosi. Voit silloin palauttaa unohtuneen salasanan tekstiviestillä.
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 14
Vanhimmat
Linkki?
Linkkiä ei ole koska olen kokeillut dreamweaverillä navipalkkia. Se ei tee siis validia lainkaan. Koodia on alla. Jotakin siis on pielessä attribuuteissa name ja Onload
Hmm... Mitä DTD:tä vasten validoit tota? En jaksanut senkummemmin tutkia, mutta lonkalta heitän ettei ainakaan mitään Strictiä(HTML 4.01/XHTML 1.0) vasten mene läpi.
Tossa on ilmeisesti tehty jonkinnäkönen mouseover/hover-efekti, jolloin hiiren kursoria viedessä linkin yli, kuva vaihtuu? Jos näin on, niin suosittelen käyttämään listoja ja CSS:ää. Huomattavasti helpompaa ja toimintavarmemapaa ja navigointi toimii selaimilla, joissa ei CSS-tukea olisikaan.
Kuinka se toteutetaan css:n avulla. Olisiko jossakin esimerkkiä tahi ohjetta. Näin aloittelija on pihalla pikkuisen. Entä mitä tarkoitat listoilla? Onko kovinkin hankalaa?
Unordered lists. Ihan perus-htmlää:
Linkki 1
Linkki 2
Linkki 3
Joka sitten muotoillaan CSS:n avulla halutunlaiseksi. http://www.accessify.com tarjoaa kätevän online työkalun alkuunpääsemiseksi. List-O-Matic: http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp
Syötät vain tarvittavat parametrit, valitset minkälaista navia olet vailla ja palvelu pulauttaa generoimansa html:n ja css:n. Niitä sitten muokkaamaan enemmän omia tarpeitaan vastaavaksi. Paras työkalu CSS:n kanssa leikkimiseen lienee Windows-puolella Bradsoftin TopStyle Pro: http://bradsoft.com/topstyle/index.asp Siitä on saatavilla myös ilmainen Lite-versio: http://bradsoft.com/download/index.asp
Mikäli rakenteen ja ulkoasun erottaminen, saavutettavuus, käytettävyys yms kiinnostaa ottaa selaimen suunnaksi vaikka osoitteen http://yojih.net/bookmarks.html Pyrin ylläpitämään noita linkkejä aktiivisesti.
Palvelin ei syystä tai toisesta hyväksy tätä viestiä, joten pahoitteluni mikäli tulee tupla- tai triplapostauksia :)
Olet pelastanut päiväni Y_H. Taas uutta opittavaa ja mielenkiintoista asiaa. Illanjatkoja!
Olen nyt leikkinyt ja harjoitellut listojen tekoa. Aloittelijalle kovaa hommaa mutta nyt jo menee perillekin. Sellasta kysyisin, että jos tekee taulukko-muotoon naveja niin onko siinä jotakin eroa näihin listoihin? Tietty ne tulee eritavoin mutta käytettävyys sun muu. Molempia kun näkee koodeissa.
"Sellasta kysyisin, että jos tekee taulukko-muotoon naveja niin onko siinä jotakin eroa näihin listoihin?"
On toki. Taulukoiden käyttö naviin on mielestäni turhan "raskasta", sen ylläpidettävyys listoihin nähden on vaikeaa ja työlästä. Muotoilematon peruslista on huomattavasti mukavamman näköinen kuin muotoilematon taulukko. Tämä siis siinä tapauksessa, että selain ei mahdollisesti tue tyylejä. Tai on rikki niiden osalta. Turhia taukukoita tulisi myös välttää.
"Tietty ne tulee eritavoin mutta käytettävyys sun muu."
Niistä saa aika pitkälle samanmoisiakin, jos haluaa, mutta kuten totesin jo aiemmin, niin taulukkoratkaisun ylläpidettävyys on aika työlästä. Molempien ratkaisujen positiointi onnistuu yhtälailla.
"Molempia kun näkee koodeissa."
Toki. Listat ovat kuitenkin korvaamassa kovaa vauhtia perinteiset taulukkonavit. Turhasta taulukoiden käytöstä kuitenkin ollaan luopumassa. Itse en näe taulukkonavia edes vaihtoehtona ja sen käyttöä ei puolla oikeastaan mikään muu kuin hmm... osaamattomuus(?) ja piittamattomuus.
Saman toistoa tuli aika paljon, mutten jaksa alkaa kirjoittaa uusiksi kaikkea :) Lukaise läpi nää vaikka:
http://www.mezzoblue.com/archives/2003/08/26/semantics_an/
http://www.kottke.org/03/08/030826standards_do.html
Osaat kyllä kertoa selkeästi. Pitäisikö sit laittaa jokin huomautus, että joku tietty selain esim, exproler 5 ei tue sitä navia tms. Kävin niitä läpi eri selaimilla ja osa menetti ominaisuutensa vanhemmissa selaimissa.
Jaa, kuulostaa oudolta. Oisko antaa linkkiä? Miten ei toimi? Positiointi? Värit? Reunat? Heitä jonnekin temppitilaan vaikka esimerkki ongelmasta. On paljon helpompi auttaa, kun pääsee näkemään itse koodin. Mielellään kokonaisena, ei pelkästään listaa, koska ongelmat saattavat johtua myös luokkien ja elemnettien mahdollisista ristiriidoista.
Katselin vain siellä List-o-maticin malleja. Niin IE 5,5 joku niistä malleista meni oudosti. Allaoleva viiva meni tekstin päälle. Sitten Netscape 4,7 näytti jotkut horisontaaliset vertikaalisesti. Omat kokeiluni jo hävitin. Aloitan taas uudelleen. Tämä on minulle aika haaste. Sosiaalialan ihmisenä kaikki on minulle niin uutta..jopa kaikki termit. Olen silti aika hyvin päässyt kärryille. (ainakin toisinaan)
"Sitten Netscape 4,7 näytti jotkut horisontaaliset vertikaalisesti."
4-sarjan Nescafeen tuki CSS:lle on jotain kammottavaa, joten sen "arvailuista" ei kannata välittää. Siinä ei oikein tahdo toimia mikään ja lisäksi sen vähäinen tyylien tukeminen vaatii JavaScriptin aktivoimista. Itse olen piilottanut tyylitiedoston näin:
http://w3development.de/css/hide_css_from_browsers/import/
Ja kun sivuston rakenne on kunnossa, niin sitä pystyy käyttämään tyylien puutteesta huolimatta vanhemmillakin selaimilla.
Nyt kyllä veit jalat altani. Mitä tarkoittaa JavaScriptin aktivoiminen? Tai siis css:n piilottaminen? Eli jos css piilotetaan niin silloinko toimii JavaScript? Taas menee monta päivää näitä tutkiessa. Ehkä minusta tulee ohjeillasi tän alueen "alaston kokki" tai ainakin ne säkäkokit.
"Nyt kyllä veit jalat altani. Mitä tarkoittaa JavaScriptin aktivoiminen? Tai siis css:n piilottaminen?"
:-)
Ei siitä kannata kummemmin stressata. Netscape 4 on CSS ja JavaScript ikäänkuin naitettu yhteen. Eli tyylit toimivat Netscape 4.x selaimissa _vain_ mikäli JS on kytketty päälle(muistaakseni se on päällä "by default"). Kuinka buginen NS 4.x css-tuki sitten on:
http://devedge.netscape.com/library/xref/2003/css-support/css1/mastergrid.html
Tyylit voidaan piilottaa tietyiltä selaimilta melko helposti esim. niinkuin aiemmin postaamani linkin takaa.
"Taas menee monta päivää näitä tutkiessa."
Toivottvasti ei. NS4 selaimelle ei mielestäni kannata uhrata aikaa senkummemmin. Mikäli moista haluaa käyttää(yksityishenkilö/laitos/yritys), sen puutteista ei tule myöskään valittaa. Hyvällä rakenteella sille voidaan tarjota toimiva sivusto, joskin tietysti hieman väritön.
CSS:ää käytettäessä kannattaa pitäytyä mahdollisuuksinen rajoissa CSS1-määrityksissä ja CSS2-määrityksiä käytettäessä pysytään niissä hyvin tuetuissa määrittelyissä.
Luulisin, että Netscape 4 "räjähtää" tällä sivulla:
http://www.yojih.net/csslayout/
koska en vaivautunut piilottamaan noita tyylejä :)