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
569
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
Nyt tajusin mitä haet takaa
En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä433753- 382508
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?342031- 231782
- 171699
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai1001612- 231598
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko991466- 241457
- 221419