Onko pelkästään CSS:llä mahdollista toteuttaa myös IE:llä toimiva tämän tapainen dynaaminen lista:
http://tutorials.alsacreations.com/deroulant/cssmenu4.htm
Tuossahan on käytetty javascriptiä. Tosin se ei liene ongelma, sillä >99% käytetyistä selaimista tukee js:ää.
Mitä mieltä olette?
http://tutorials.alsacreations.com/deroulant/cssmenu4.htm
Tuossahan on käytetty javascriptiä. Tosin se ei liene ongelma, sillä >99% käytetyistä selaimista tukee js:ää.
Mitä mieltä olette?
Vastaukset 7
Vanhimmat
Onnistunee.
Tässä sivusto josta löytää todella näppäriä CSS temppuiluja - eikä vaadi edes JS:ää. :)
http://www.meyerweb.com/eric/css/edge/
Eiköhän tuolta jotain vinkkiä löydä. :)
Anteeksi. Halusit myös IE:llä toimivan version? IE:n tuki on sen verran heikompi että tuolta löytyvä menu ei toimi, mutta sillehän voi sitten tarjoilla vaikka valmiiksi avatun version - kehittyneitä ominaisuuksia voi käyttää niillä selaimilla joilla ne toimivat. :)
Siis ettäkö tekisin erikseen omat sivut IE:lle? Vai mitä tarkotat?
Ei koko sivua vaan pelkästään valikko. Esim PHP:llä katsot kappas IE, joten ruma_valikko.html includetaan siihen kohti.
Kappas seuraavalla onkin Opera, silloin includetaan hieno_valikko.html
Näin siis yksinkertaistettuna
Ei koko sivuja toki kannata uusiksi tehdä, eikä itse asiassa yhtäkään sivua (ylläpitoongelmia se vain tuottaa).
Sen sijaan teet erillisen CSS-tyylitiedoston IE:lle (voipi olla muutenkin paikallaan). Sellaisen jossa tuo koko menu on esimerkiksi koko ajan näkyvillä, tms. Siis sehän oli tuolla toteutettu sisäkkäisillä listoilla, joka näyttää ihan toimivalta (joskaan ei välttämättä hyvältä).
Mutta periaatteessa minusta näin tulee toimia. Ne selaimet jotka tukevät edistyneitä ominaisuuksia (CSS2) käyttävät niitä ja muilla sivusto toimii muttei ehkä näytä samalta.
Avittaa IE:ia pienellä skriiptinpätkällä: http://www.htmldog.com/articles/suckerfish/
Turha vidduilla IE:n käyttäjille, kun tarjolla on kohtalaisen toimiva ratkaisu.
Ongelman kohtasin. Toimii hyvin, jos aukeavan valikon sijainnin määrittää absoluuttisesti (position: absolute), mutta kun sivostoni rakenne on sellainen, että paikka pitäisi määrittää sivusuunnassa suhteellisesti (position: relative).
Sivun vasemmassa laidassa on siis navigointivalikko, joista yksi linkki on Menu. Kun hiiren vie tämän Menun päälle, alivalikko aukeaa sen viereen. Silti alivalikko siirtää kaikkia Menun alla olevia elementtejä korkeutensa verran alaspäin. Tästä efektistä haluan eroon.
Tavoite on, että saan avattua alivalikon linkin viereen, oli tekniikka sitten CSS tai JS, kunhan toimii myös IE:llä.