https://peda.net/id/8d33780ea39 2017-09-27T18:43:04+03:00 https://peda.net/:static/533/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/f08bfb42a39 2017-09-27T19:07:32+03:00 Tällä hetkellä nettisivujen alasivut ovat erittäin yksinkertaisen näköisiä. Muokataan kaikille alasivuille sama tyyli kuin pääsivulla sekä tehdään niihin samanlainen ylävalikko kuin etusivulla. Tällä tavalla navigointi helpottuu.<br/> <br/> 1. Lisää<span class="editor underline"> jokaisen alasivun</span> head-elementin sisälle linkki tyylit.css- tiedostoon. Huomaa nyt KAKSI PISTETTÄ JA KAUTTAVIIVA linkin alussa. Tämä komento tarkoittaa sitä, että tyylit.css tiedostoa etsitään edellisestä kansiosta, eli tässä tapauksessa XHTML-kansiosta.<br/> <br/> <a href="https://peda.net/p/henril/html/harjoitus-8/ohje/capture-png#top" title="Capture.PNG"><img src="https://peda.net/p/henril/html/harjoitus-8/ohje/capture-png:file/photo/90e9e4026c4a5ffeab1479a1faf16ef912c11505/Capture.PNG" alt="" title="Capture.PNG" class="inline" loading="lazy"/></a><br/> <br/> 2. Muokataan etusivun navigointipalkkia vielä hieman lisäämällä sinne kohta &quot;etusivu&quot;.<br/> <br/> <a href="https://peda.net/p/henril/html/harjoitus-8/ohje/capture-png2#top" title="Capture.PNG"><img src="https://peda.net/p/henril/html/harjoitus-8/ohje/capture-png2:file/photo/92f5478bb307de4909b11b58978d2d1cd1844609/Capture.PNG" alt="" title="Capture.PNG" class="inline" loading="lazy"/></a><br/> Huomaa nyt, että Etusivu viittaa nyt vain etusivun index-tiedostoon.<br/> <br/> 3. Lisätään <span class="editor underline">jokaiselle alasivulle</span> etusivun kaltainen navigointipalkki. a-elementin sisälle tuleva linkki täytyy muokata nyt sillä tavoin, että tiedot haetaan edellisen kansion XHTML sisältä. tämä saadaan lisäämällä ../ jokaisen rivin alkuun.<br/> <br/> <a href="https://peda.net/p/henril/html/harjoitus-8/ohje/capture-png3#top" title="Capture.PNG"><img src="https://peda.net/p/henril/html/harjoitus-8/ohje/capture-png3:file/photo/5cda3c408233c8f3da658e99fdb60b9c492d1a34/Capture.PNG" alt="" title="Capture.PNG" class="inline" loading="lazy"/></a><br/> <br/> Kaikilla sivuilla pitäisi nyt näkyä samanlainen navigointipalkki. 2017-09-27T18:45:51+03:00