Grow your CSS skills. Land your dream job.

Current page boton with img

  • # June 18, 2009 at 1:29 pm

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

    ok this my code on de css part :

    Code:
    }
    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>

    # June 19, 2009 at 4:40 am

    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;
    }

    # June 30, 2009 at 3:56 pm

    still need help any body

    # July 6, 2009 at 12:49 am

    bump any body??

    # July 6, 2009 at 8:25 am

    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.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".