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
561
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
Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa
En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod225364- 264557
- 282641
- 342304
- 372058
- 151988
En ole koskaan kokenut
Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka191627- 121571
Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...
Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons211327- 151226