Results 1 to 3 of 3

Hybrid View

  1. #1

    Default Need some css help

    I'm looking to simplify my site so it's not so long. If you look at:

    http://www.canemasters.com/class-cane-p-297.html

    what I'm wanting to do is to have only one image, and a css menu above the image with the different wood types. eg: hickory, hickory w/ heartwood,.... etc.

    When you click the name of the wood type, the image will change. I'm playing with some css menus, but when you click the menu link, it's set up to take you to a url, not change an image.

    I found this css menu generator at: http://cssmenumaker.com/process/step1.php?menu=h9

    You can see what I'm trying to do there.

    The generated code I get is this:
    ------------------------------------------------------------------------------------
    <ul id='menu'>
    <li ><a class='current' href='http://www.canemasters.com' >Hickory</a></li>
    <li ><a href='http://www.canemasters.com' >Hickory w/ Heartwood</a></li>
    <li ><a href='http://www.canemasters.com' >Pure Hickory Heartwood</a></li>
    <li ><a href='http://www.canemasters.com' >Oak</a></li>
    <li ><a href='http://www.canemasters.com' >Cherry</a></li>
    </ul>
    --------------------------------------------------------------------------------------
    And the css is this:
    --------------------------------------------------------------------------------------
    ul#menu { width: 100%; height: 43px; background: #FFF url("images/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
    ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
    ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
    ul#menu li a:hover { color: #333; }
    ul#menu li a.current{ color: #FFF; background: #FFF url("images/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }
    --------------------------------------------------------------------------------------

    How would I make it pull up an image directly below the css menu?

    Thank you!

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Need some css help

    Double post...

    Other post answered and awaiting other ideas at

    http://www.zen-cart.com/forum/showthread.php?t=97573
    Zen-Venom Get Bitten

  3. #3

    Default Re: Need some css help

    Oops... my internet locked up when I submitted the post, so I went back and tried it again...

 

 

Similar Threads

  1. Need some CSS help.
    By ChrisVCB in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 25 Nov 2010, 11:52 PM
  2. Need some help with addthis css
    By rapro in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 16 Jun 2010, 02:00 AM
  3. I need some help wit my css
    By oberheimer in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 11 Nov 2009, 09:43 AM
  4. Need some css help
    By canemasters in forum General Questions
    Replies: 10
    Last Post: 14 May 2008, 05:27 AM
  5. Menu color using CSS, need some help
    By High Octane in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 May 2007, 03:29 PM

Posting Permissions

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