Silmät on jo sikkurassa, en enää tajua mikä on vialla, kun IE 8:ssa linkit toimivat, mutta Chrome ja Firefox näyttää pelkkää tekstiä. Olisko jotkut virkeämmät ja viisaammat silmät?
Tällaista koodia:
_____________________________________________________
_____________________________________________________
CSS:
____
a, a:link { text-decoration: none; color: #fff; }
a:visited { text-decoration: none }
a:active { text-decoration: none }
a:hover { font-size: 24px }
#navigation ul {
padding: 24px 0px;
}
#navigation ul li {
margin: 0;
list-style-type: none;
}
#navigation {
font-size: 20px;
font-weight: bold;
float: left;
text-align: center;
width: 199px;
}
#navigation .center {
background: url('images/navi-backgr.png') repeat-y top left;
}
____________________________________________________________
xHTML:
_______
Thispage
Anotherpage
Thirdpage
Fourthpage
Lastpage
Tällaista koodia:
_____________________________________________________
_____________________________________________________
CSS:
____
a, a:link { text-decoration: none; color: #fff; }
a:visited { text-decoration: none }
a:active { text-decoration: none }
a:hover { font-size: 24px }
#navigation ul {
padding: 24px 0px;
}
#navigation ul li {
margin: 0;
list-style-type: none;
}
#navigation {
font-size: 20px;
font-weight: bold;
float: left;
text-align: center;
width: 199px;
}
#navigation .center {
background: url('images/navi-backgr.png') repeat-y top left;
}
____________________________________________________________
xHTML:
_______
Thispage
Anotherpage
Thirdpage
Fourthpage
Lastpage
Vastaukset 6
Vanhimmat
eipä ollut linkit näkyvissä...
(div id="navigation")
(div class="center")
(ul)
(li style="color: #feffd8; font-size: 5")Thispage(/li)
(li) (a href="another.html")Anotherpage(/a)(/li)
(li) (a href="third.html")Thirdpage(/a)(/li)
(li) (a href="fourth.html")Fourthpage(/a)(/li)
(li) (a href="last.html")Lastpage(/a)(/li)
(/ul)
(/div)
(/div) (!-- /navigation --)
nyt ainakin tuo "center" sana joksikin muuksi, se kun kuuluu itse xhtml:äänkin
niin saattaapi sotkea.
Näin kävi:
Jossain vaiheessa olin leventänyt navigaatiopalkkia 2 prosenttiyksiköllä.
Navigaatiopalkista oikealle, seuraavalle objektille, unohtui muuttaa css:ssä "position: relative; left: 10%"
muotoon: "position: relative; left: 12%"
IE8 totteli allejääneen navigaatio-palkin css-a: määrittelyjä, mutta muut selaimet eivät vissiin katsoneet myöhemmin päälle tehdyn osuuden alle...
kiitos mielenkiinnosta, Lug.
Kaikki selaimet toimivat kunhan tekee standardia koodia. Täällä sitä on helppo tarkistaa
http://validator.w3.org
Eivät välttämättä: Kaikki selaimet eivät näytä verkkosivuja standardien mukaan.