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
609
Vastaukset 6
- 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
- 2552153
Nanna hakkasi Martinan aivot tuusan nuuskaksi!!!
Ihme jos Martina pystyy muodostaa järkeviä lauseita tämän nyrkkisateen jälkeen. Ottelupalkkio tuli, tajunta meni.2651283- 211241
- 41816
Vaikea löytää samantyylistä miestä
Nyt on pakko avautua. Onko ketään muuta jonka on yksinkertaisesti todella vaikeaa löytää samanhenkistä kumppania kuin i126739Martina ja Muhis
Aamulenkillä yhdessä valmistautumassa suuren päivään,toivottavasti heräsivät toistensa viekusta.Ihana pariskunta❤237719Rasismi ahdistaa.
Tapasin baarissa oikein lupsakan oloisen miehen, mutta arvomaailma on hyvin erilainen omani kanssa. Hän käyttää n-sanaa233689- 54530
Olenkohan tunteideni kanssa yksin?
Salaa toivon, että sinä nainen luotat minuun niin paljon, että uskaltaisit lähentyä kanssani, vaikka tämä on vähän kiell46471- 38468