Hej alle.
Jeg har prøvet at følge denne guide i min ASP.NET side.
http://www.shopdev.co.uk/blog/animated-menus-using-jquery/Og det er blevet til 2 knapper.
- <div id="navigation">
- <ul id="menu">
- <li><a href="#" class="home"><span></span></a></li>
- <li><a href="#" class="portfolio"><span></span></a></li>
- </ul>
- </div>
Derefter har jeg stylet dem som følgende.
- /*Navigation menu section start*/
- ul#menu {
- width:100%;
- height:34px;
- list-style:none;
-
- margin:0;
- padding:0;
- padding-top:0px;
- padding-left:0%;
- }
-
- ul#menu li {
- float:left;
- }
-
- ul#menu li a {
- background:url(pictures_Navigation_menu/ButtonWithoutTekstDark.png) no-repeat scroll top left;
- display:block;
- height:43px;
- position:absolute;
- top:124px;
- }
-
- ul#menu li a.home {
- width:79px;
- }
-
- /*test*/
- ul#menu li a.portfolio {
- width:157px;
- background-position:80px 0px;
- }
-
- /*test*/
- ul#menu li a.portfolio span {
- background-position:80px -0px;
- }
-
-
- ul#menu li a span {
- background:url(pictures_Navigation_menu/ButtonWithoutTekstLight.png) no-repeat scroll bottom left;
- display:block;
- position:absolute;
- top:0;
- left:0;
- height:100%;
- width:100%;
- z-index:100;
- }
-
- ul#menu li a.home span {
- background-position:0px -0px;
- }
-
- ul#menu li a span:hover {
- cursor:pointer;
- }
- /*Navigation menu section end*/
Mit problem er så, så vidt jeg selv forstår. At min browser ikke ser de to knapper som seperate (tror det hedder elementer, ret mig hvis det er forkert) elementer. Men ser knap 1 og 2 som et stort element. Og jeg aner ikke hvorfor.
Er der nogen der kan hjælpe mig på rette vej?
Og hvis i mangler yderligere informationer, så sig endelig til.
Tak på forhånd.
Mvh.