Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    SMC
    SMC is offline
    New Coder
    Join Date
    Jun 2007
    Location
    Orlando, FL
    Posts
    60
    Thanks
    5
    Thanked 2 Times in 2 Posts

    In-line Navigation images rollover capable

    Hello everyone!

    I'm diving head first into XHTML/CSS development. Up until this point I've been designing using only tables, background graphics, and PHP. I have seen the light so I'm now working with XHTML and am proud to say that what I've done so far is XHTML Strict valid!

    I took a look at phpbb.com's website and saw I really liked the layout and figured, what better practice than to create something like that, so I did! Unfortunatly I'm having trouble duplicating their method for the navbar.

    If anyone could point me in the direction of how to get the images all in the nav bar's div layer I'd be very thankful. Keep in mind it will need to be rollover/active/rollout classes capable.

    My website is http://xt-arts.com

    Thanks so much for your help!!

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Their navbar is mostly configured using images but the gist of it is done using a list with an image replacement technique. Check out the horizontal lists here
    http://css.maxdesign.com.au/listamatic/
    and check out the menus here
    http://cssplay.co.uk
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    SMC
    SMC is offline
    New Coder
    Join Date
    Jun 2007
    Location
    Orlando, FL
    Posts
    60
    Thanks
    5
    Thanked 2 Times in 2 Posts
    Thanks for the resources, I didn't even really know what to google.

    I'll read over these and report back how it goes.

  • #4
    SMC
    SMC is offline
    New Coder
    Join Date
    Jun 2007
    Location
    Orlando, FL
    Posts
    60
    Thanks
    5
    Thanked 2 Times in 2 Posts
    Alright this is almost exactly what I need:

    http://css.maxdesign.com.au/listamat...izontal03.htm#

    Unfortunatly it doesn't offer much in the means of explanation. I'd prefer to learn rather than copy&paste.

  • #5
    UE Antagonizer Fumigator's Avatar
    Join Date
    Dec 2005
    Location
    Utah, USA, Northwestern hemisphere, Earth, Solar System, Milky Way Galaxy, Alpha Quadrant
    Posts
    7,691
    Thanks
    42
    Thanked 637 Times in 625 Posts
    That site has step-by-step explanations.. go through the tutorials to gain understanding of how these sweet little UL menus work (I used the same website a while back and love my menus).

    http://css.maxdesign.com.au/listutor...tal_master.htm


  •  

    Posting Permissions

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