Results 1 to 5 of 5

Thread: CSS Image Rollover issues

  1. #1

    CSS Image Rollover issues

    Hey all! Since I found this tutorial on Kiurpa
    http://www.kirupa.com/web-tech/css_rollovers.htm
    Im wondering how do i make this work horizontally (background image to be horizontal) and to make it work for a full menu? As in UL and LI (Menu tags) CSS tags that is also horizontal...?
    Last edited by Theros; February 16th, 2006 at 09:32 PM.
    EricHuangis.com - My New Portfolio
    SmallBlogsNetwork.com - The Blog Gallery

  2. #2
    If you wan the list to display horizontal you would do the following

    Make your list in XHTML
    PHP Code:
    <ul id="nav">
    <
    li><a href="#">Item</a></li>
    <
    li><a href="#">Item</a></li>
    <
    li><a href="#">Item</a></li>
    <
    li><a href="#">Item</a></li>
    </
    ul>


    And 
    your CSS

    /*Removes the bullets from the list*/
    #nav {
    list-stlyenone;
    }

    /*makes the list display horizontaly*/
    #nav li {
    displayinline;

    That is very basic idea of how to accomplish such a menu
    Here are some links for mor in depth examples:

    http://www.simplebits.com/notebook/2...rollovers.html

    http://css.maxdesign.com.au/listamatic/
    Last edited by thebloodpoolkid; February 16th, 2006 at 11:05 PM.

  3. #3
    List-a-matic is a great resource. I've used it many times.


    K-Emmys-06: Best Footer; and K-Emmys-06: Most Active Member

  4. #4
    Er, no.. I already have my code for my horizontal list... Its just how do I use the Image Rollovers with a menu like that?

    *EDIT* thanks blood, that first link is a great read.. Hopefully I can get it to work with mine!
    EricHuangis.com - My New Portfolio
    SmallBlogsNetwork.com - The Blog Gallery

  5. #5
    (They have an example of what you're trying to do on list-a-matic…)


    K-Emmys-06: Best Footer; and K-Emmys-06: Most Active Member

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Home About kirupa.com Meet the Moderators Advertise

 Link to Us

 Credits

Copyright 1999 - 2012