Olen tehnyt pelkällä css:llä navigoinnin mistä aukeaa alavalikoita kun menee hiirellä pääkohdan päälle. IE:ssä ei kuitenkaan toimi. Ilmeisesti jokin display tai joku määritelmä ei toimi. Apuja?
ul#navlist {
font-family: arial, sans-serif;
font-size: 13px;
}
ul#navlist a
{
font-weight: normal;
text-decoration: none;
}
ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul#navlist li {
float: left;
}
ul#navlist li a
{
color: #ffffff;
background-color: #666666;
padding: 3px;
border: 1px #ffffff outset;
}
ul#navlist li a:hover
{
color: #669900;
background-color: #cccccc;
}
ul#navlist li a:active
{
color: #ffffff;
background-color: #999;
border: 1px #ffffff inset;
}
ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }
ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 11px;
padding-top: 5px;
}
ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 110px;
border: none;
}
ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }
IE:n navigointiongelmat
6
603
Vastaukset
- ainoastaan a tagissa
Luulen, että ongelma on tuo :hover, joka ei taida toimia IE:sä kuin tagissä. Voi olla, että ongelmia tuottaa myös tuo before(content...) määritelmä
- MiMa
Eli miten minun pitäisi muuttaa, jotta toimisi. Nyt ei oikeen kule... Joillakin on siis alavalikoita, joillakin ei ole vaan pelkkä yläotsikko joka toimii linkkinä. Alla xhtml-koodi:
Sivu1
Sivu2
Alaotsikko1
Alaotsikko2
Sivu3
Alaotsikko1
Alaotsikko2
Sivu4
Sivu5 - oisko javascript
MiMa kirjoitti:
Eli miten minun pitäisi muuttaa, jotta toimisi. Nyt ei oikeen kule... Joillakin on siis alavalikoita, joillakin ei ole vaan pelkkä yläotsikko joka toimii linkkinä. Alla xhtml-koodi:
Sivu1
Sivu2
Alaotsikko1
Alaotsikko2
Sivu3
Alaotsikko1
Alaotsikko2
Sivu4
Sivu5Olisko javascript vaihtoehto. en saanut toimimaan IE 6:lla
- MiMa
oisko javascript kirjoitti:
Olisko javascript vaihtoehto. en saanut toimimaan IE 6:lla
Päätin vaihtaa kokonaan navigointia ja nyt siinä on sitten javascripti mukana ie:tä varten. Ja toimii. Paitsi navigointi sivua ladattaessa välähtää. Siis näkyy alavalikot, joku css-bugi?
- display:block;
MiMa kirjoitti:
Päätin vaihtaa kokonaan navigointia ja nyt siinä on sitten javascripti mukana ie:tä varten. Ja toimii. Paitsi navigointi sivua ladattaessa välähtää. Siis näkyy alavalikot, joku css-bugi?
jonka JS muuttaa display:hidden;:ksi? Silloin ne välähtää, kunnes onload="piilotavalikot()" on latautunut, kun KOKO sivu on latautunut. Koodi pitäis nähdä, niin voi sanoa varmasti.
- MiMa
display:block; kirjoitti:
jonka JS muuttaa display:hidden;:ksi? Silloin ne välähtää, kunnes onload="piilotavalikot()" on latautunut, kun KOKO sivu on latautunut. Koodi pitäis nähdä, niin voi sanoa varmasti.
HTML:
Etusivulle
Valikko1
Alavalikko1
Alavalikko2
Javascript:
CSS:
#navigation{
position: absolute;
}
#navigation li a, #navigation dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Vesikin maksaa, miksei hengitysilma?
Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial21635Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin
Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras1061597Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä
Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva2391137Lahkokasteen ja kristillisen kasteen erot
Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks4221068- 128919
Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."
Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt2856- 10835
Kuka omistaa keltaisen vanhan aravan?
Pitäs saada rakennuksen omistajaan yhteys, rappukäytävät on siivottomassa kunnossa. Hiekkaa ja roskia rappusissa, lisäks29827Pirkanlinna yleisötapahtuma
Oli todella hyvä tilaisuus. Ja EERO. L. Aivan mahtava tyyppi. Veti rennosti ja asiallisesti. Ja yleisöltä hyviä kysymyks48823- 69800