Miten toteutan css:llä ja html:llä navigointipalkin sivujen yläosaan? Siis selllaisen, joka pysyy paikoillaan sivuja rullattaessa. Liikkumattoman taustakuvan kyllä jo onnistuin tekemään.
Ai niin, Navigointipalkki koostuisi kuvista jotka toimivat linkkeinä.
Entä onkos mahdollista toteuttaa onMouseOver yms toiminnot ilman javaa?
Kiitoksia
Ai niin, Navigointipalkki koostuisi kuvista jotka toimivat linkkeinä.
Entä onkos mahdollista toteuttaa onMouseOver yms toiminnot ilman javaa?
Kiitoksia
Vastaukset 4
Vanhimmat
"Miten toteutan css:llä ja html:llä navigointipalkin sivujen yläosaan?"
Helpoin(ja käyttäjäystävällisin)tapa lienee ihan perinteinen lista, joka sitten muotoillaan CSS:n avulla halutunlaiseksi:
Linkki
"Siis selllaisen, joka pysyy paikoillaan sivuja rullattaessa."
Älä tee. Kyllä ne aiheuttavat satunnaista navin "välkkymistä", kun sitä joudutaan piirtämään reaaliajassa sivua vieritettäessä. Lisäksi position: fixedin tuki Internet Explorerilla on rikki. Sen saa toki(jotenkuten) toimimaan myös sillä.
"Ai niin, Navigointipalkki koostuisi kuvista jotka toimivat linkkeinä.
Entä onkos mahdollista toteuttaa onMouseOver yms toiminnot ilman javaa?"
Java taitaa olla vähän turha työkalu tässä tapauksessa ;) Hmm... Oletko toteuttamassa jotain sellaista, että käyttäjän viedessä kursorin linkin päälle, taustakuva vaihtuu? Onnistunee myös perinteisellä a:hoverilla.
position:fixed for IE on windows:
http://devnull.tagsoup.com/fixed/
List-o-matic:
http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp
Eric Meyer:
http://www.meyerweb.com/eric/css/
CSS panic Guide:
http://www.thenoodleincident.com/tutorials/css/index.html
Kiitoksia!
Tuo List-o-matic oli juuri sellainen kuin tarvinkin ja tarvittava vaakapalkki-formaattikin löytyi.
Ei liene ongelma määrittää linkeiksi kuvia? Meinaan, että HTML-puolelle asetettaisiin linkit kuvalinkeiksi (jpg) kuten normaalisti? Vaatiiko muutoksia CSS-puolelle? Typerä kysymys, mutta kun en vielä yhtään tunne CSS-logiikkaa.
Ja silti haluaisin ainakin kokeilla sellaista kiinteää palkkia (Tahtoo! :) Jos vielä siihen lääke löytyisi, niin kiitollisuuteni olisi rajaton. Siis tuollainen list-o-maticin nro 6 -hässäkkä kiinteäksi.
Muutoinhan navigointi olisi fiksuinta toteuttaa niin että joka sivulta on paluu kiinteälle pääsivulle jossa navigointipalkki ainoastaan sijaitsee. Oon niin tottunu niihin Frame-hökötyksiin joissa joka sivulta pääsee mihin tahansa että luonto laittaa vastaan asentaa muunlaisia ;)
"Ei liene ongelma määrittää linkeiksi kuvia?"
Ei todennäköisesti. Muistaa vaan määritellä sopivat mitat tyyleihin.
"Ja silti haluaisin ainakin kokeilla sellaista kiinteää palkkia (Tahtoo! :)"
Njoo, sitten vaan framet käyttäjien kiusaksi, linkittämisen vaikeuttamiseksi ja hakukoneiden esteeksi :)
Kuten jo aiemmin kirjoitin, niin position: fixed ei toimi IEssä ilman pientä vilunkia. Katso sieltä yhden linkin takaa kuinka se on toteutettu ja sovella listan sääntöihin.
"Muutoinhan navigointi olisi fiksuinta toteuttaa niin että joka sivulta on paluu kiinteälle pääsivulle jossa navigointipalkki ainoastaan sijaitsee."
se vähän riippuu. Kuinka laaja sivusto on jne. Kunhan ei tunge liikaa linkkejä listaansa, vaan jaottelee ne loogisesti alasivuihin, joista navigointi toimii alemmille tasoille.
"Kuten jo aiemmin kirjoitin, niin position: fixed ei toimi IEssä ilman pientä vilunkia. Katso sieltä yhden linkin takaa kuinka se on toteutettu ja sovella listan sääntöihin. "
Niinpä olikin. Olin taas vähän hätäinen :)