treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Current page boton with img

  • i need a corrent page code for the current img stastus thnks if any help

    ok this my code on de css part :

    }
    ul#nav {
    z-index:200;
    position:absolute;
    float:left 5px;
    padding-top:138px;
    padding-left:5px;
    width: 520px;
    }
    ul#nav li {
    display:inline;
    }
    ul#nav li a {
    display:block;
    height:46px;
    float:left;
    }
    ul#nav li.inicio a {
    width:123px;
    background-image:url(img/inicio_Btn.png);
    background-position:top;
    }
    ul#nav li.galeria a {
    width:123px;
    background-image:url(img/galeria_Btn.png);
    background-position:top;
    }
    ul#nav li.servicios a {
    width:123px;
    background-image:url(img/servicios_Btn.png);
    background-position:top;
    }
    ul#nav li.contacto a {
    width:123px;
    background-image:url(img/contacto_Btn.png);
    background-position:top;
    }
    ul#nav li a:hover {
    width:123px;
    background-position:center;
    }
    ul#nav li a:active {
    width:123px;
    background-position:bottom;
    }



    html:

    <ul id="nav" name="nav">
    <li class="inicio"><a href="index.html"></a></li>
    <li class="servicios"><a href="servicios.html"></a></li>
    <li class="contacto"><a href="contacto.html"></a> </li>
    <li class="galeria"><a href="galeria.html"></a></li>
    </ul>
  • If u given any respective link. it might be useful to solve your things, anyways try this

    ul#nav li.active a {
    background:url(../images/menuhover.gif) no-repeat;
    background-position:bottom;
    }
  • still need help any body
  • bump any body??
  • I take it this is for your navigation?
    you can ad in id="current" to your links for the current page, or add a selector id on the body tag, there is something on this site about it, I don't have time to search for you, but look around and you will find it..... id in body tag to show current page.