/ Published in: Other
Expand |
Embed | Plain Text
/******************** Navigation ********************/ ul#navi { list-style:none; } #navi li { float:left; } #navi li a { display: block; width: 105px; height: 25px; background: transparent url('images/navigation.png') no-repeat; text-indent: -9999px; } #navi #navi01 a:link, #navi #navi01 a:visited { background-position: -10px 0;} #page01 #navi #navi01 a { background-position: -10px -75px;} #navi #navi01 a:hover { background-position: -10px -25px;} #navi #navi01 a:active { background-position: -10px -50px;} #navi #navi02 a:link, #navi #navi02 a:visited { background-position: -115px 0;} #page02 #navi #navi02 a { background-position: -115px -75px;} #navi #navi02 a:hover { background-position: -115px -25px;} #navi #navi02 a:active { background-position: -115px -50px;} #navi #navi03 a:link, #navi #navi03 a:visited { background-position: -220px 0;} #page03 #navi #navi03 a { background-position: -220px -75px;} #navi #navi03 a:hover { background-position: -220px -25px;} #navi #navi03 a:active { background-position: -220px -50px;} #navi #navi04 a:link, #navi #navi04 a:visited { background-position: -325px 0;} #page04 #navi #navi04 a { background-position: -325px -75px;} #navi #navi04 a:hover { background-position: -325px -25px;} #navi #navi04 a:active { background-position: -325px -50px;} #navi #navi05 a:link, #navi #navi05 a:visited { background-position: -430px 0;} #page05 #navi #navi05 a { background-position: -430px -75px;} #navi #navi05 a:hover { background-position: -430px -25px;} #navi #navi05 a:active { background-position: -430px -50px;} #navi #navi06 a:link, #navi #navi06 a:visited { background-position: -535px 0;} #page06 #navi #navi06 a { background-position: -535px -75px;} #navi #navi06 a:hover { background-position: -535px -25px;} #navi #navi06 a:active { background-position: -535px -50px;} #navi #navi07 a:link, #navi #navi07 a:visited { background-position: -640px 0;} #page07 #navi #navi07 a { background-position: -640px -75px;} #navi #navi07 a:hover { background-position: -640px -25px;} #navi #navi07 a:active { background-position: -640px -50px;} #navi #navi07 a:link, #navi #navi07 a:visited { background-position: -640px 0;} #navi #navi07 a:hover { background-position: -640px -25px;} #navi #navi07 a:active { background-position: -640px -50px;} #navi #navi00 a:link, #navi #navi00 a:visited { background-position: -770px 0;} #page00 #navi #navi00 a { background-position: -770px -75px;} #navi #navi00 a:hover { background-position: -770px -25px;} #navi #navi00 a:active { background-position: -770px -50px;}
Comments
Subscribe to comments
You need to login to post a comment.

A source would help me figure out how to use #page01, #page02 feature..?
also:
ul#navi { list-style:none; }should be:
navi ul{
}
sorry if the code didn't render correctly..