Olen vihdoinkin ymmärtänyt css-pudotusvalikon idean ja rakenteen matkimalla valmista mallia. En vain ymmärrä yhtä juttua. Osoitteessa http://www.alistapart.com/d/horizdropdowns/horizontal2.htm oleva valikko toimii loistavasti Firefoxissa ja Operassakin. Mutta kun kopsaan sen tiedostot koneelleni (en muuta mitään koodeissa) ja sitten avaan mainituissa selaimissa, on tulos toinen. Valikko ei todellakaan näytä samalta. Otsikot menee parissa rivissä rinnakkain. Mistä tämä voi johtua? Haluaisin oppia ymmärtämään mitä pitää tehdä, että se näkyy oikein myös muissa kuin IE:ssä. On tämä maallikolle hankala haaste:)
Navi - Help
Saara
6506
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 6
Vanhimmat
Oletko tallentanut tiedostot style2.css ja drop_down.js? Ja molemmilla oikeat päätteet? Ei vahingossakaan esim ...down.js.txt? Molemmat tiedostot samassa kansiossa HTML-dokumentin kanssa?
Kyllä ne niin on. Oikeat tiedostopäätteet ja sama html-kansio missä ne on. Sen virheen jo teinkin aiemmin ettei ne olleet. Ja sen väärän päätteenkin:) En vaan tajuu mikä on väärin. Pitäshän sen näkyä samalla tavalla. (IE:ssä näkyykin.)Turhauttaa kun en tajua asiaa. Sit kun muutenkin vasta harjoittelee niin on ihan pihalla.
Eli, mene IE:llä http://www.alistapart.com/d/horizdropdowns/horizontal2.htm sivulle ja "Tiedosto" valikosta "tallenna nimellä", valitse kokonainen web-sivu ja tallenna jonnekin koneellesi...
Kun olet tuon tehnyt niin siirrät style2 tiedoston samaan kansioon html sivun kanssa, css löytyy sieltä _tiedostot kansiosta..
Tuo toimii ihan varmasti kaikilla selaimilla, sitten alat muokata sitä haluamaksesi..=)
Tää kuulostaa jo mielisairaalta ja nolottaa mutta mä teen just noin. Sanasta sanaan. Siellä firefoxissa ne menee vierekkäin. Voiko sit koneessa olla jotakin. Taidan kirjoittaa psykiatrian palstalle. En kehtaa enää täällä.
IE muuttaa koodia tallennettaessa ja FF ei taas tallenna styleä sivun mukana, eli ei mielessä vikaa..=)
Tee näin, mene FF:llä http://www.alistapart.com/d/horizdropdowns/horizontal2.htm sivulle ja "save page as"...
Sitten menet FF:llä tänne http://www.alistapart.com/d/horizdropdowns/style2.css ja "save page as" samaan kansioon kuin edellinen..
Js-filen voit siirtää myös samaan kansioon muiden kanssa, mutta koodia pitää muuttaa sit myös, eli poistat kansion nimen tästä, siirto ei ole pakollinen, mutta palvelimelle kansion sitten täytyy siirtää et IE tajuaa tuon valikon..
src="horizontal2_files/drop_down.js"
(src="drop_down.js")
Ihanaa. Nyt tajuun tonkin. Kiitos ja eikun harjoitteleen lisää!