Please help to solve a problem in my horizontal menu

Discussion in 'HTML & Website Design' started by FokeBox, Oct 8, 2011.

  1. #1
    Hallo I have downloaded multilevel menu for my website, but there is one small problem in it! I don't know how display an down.gif arrow in m submenus!
    Could you download the sample of this menu and to look how to solve this problem?
    Thx for help!
     

    Attached Files:

    • cat.zip
      File size:
      4.3 KB
      Views:
      40
    Solved! View solution.
    FokeBox, Oct 8, 2011 IP
  2. edwardsjanet

    edwardsjanet Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    use firebug for FF and find out the current location of the image you want to replace
     
    edwardsjanet, Oct 9, 2011 IP
  3. FokeBox

    FokeBox Active Member

    Messages:
    432
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    65
    #3
    Well the code is ok! I think it is something missing, becouse there aren't any errors.
     
    FokeBox, Oct 9, 2011 IP
  4. FokeBox

    FokeBox Active Member

    Messages:
    432
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    65
    #4
    The problem isn't solved yet ... pls help
     
    FokeBox, Oct 15, 2011 IP
  5. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #5
    1) lose the tables for layout, this isn't 1997.

    2) lose the scripting for ALL browsers, and just send script (preferably as a behavior file) to IE6/lower... you're using javascript to do CSS' job.

    3) ease up on the absurdly undersized and illegible fixed metric (aka px) serif fonts.

    4) might help to use URL's that aren't total gibberish in your links. (or is that leftover from some server side script we're not seeing?)

    5) <META name=GENERATOR content="MSHTML 8.00.6001.19120">

    Well there's your problem... You might want to try using something that makes HTML from THIS century.

    Try this menu code on for size:
    http://www.cutcodedown.com/codeExamples/menuDemo/

    to add your down arrows, just add a class to the appropriate LI -- something like "hasChildren", pad the side of the anchor you want the arrow on and apply the arrow as a background-image.
     
    deathshadow, Oct 15, 2011 IP
  6. #6
    I guess you want something like this:

    [​IMG]

    To do that, add the following code into all <li> items you want to add an arrow:

    <span style="float:right;padding:2px 5px 0 0"><img src="/arrow.gif" /></span>
    HTML:
    Example:

    <li><a href="link=Internet">Internet <span style="float:right;padding:2px 5px 0 0"><img src="/arrow.gif" /></span></a><li>
    HTML:
    Change src, if arrow.gif is located elsewhere. padding is optional, I added it to for proper alignment.
     
    ademmeda, Oct 15, 2011 IP
  7. FokeBox

    FokeBox Active Member

    Messages:
    432
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    65
    #7
    That's I needed!!! Thx ... are there any way to change my css file to make the same result?
     
    FokeBox, Oct 16, 2011 IP
  8. flithost

    flithost Peon

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    use firebug for FF and find out the current location of the image you want to replace
     
    flithost, Oct 17, 2011 IP