CSS position problem

Discussion in 'CSS' started by dizyn, Jan 20, 2009.

  1. #1
    Hi

    Please check http://living.morbidtraders.net/test/ if you click on "Bid Now" you see the menu opens at the end of both bid now links, I want to open it above both.

    For example I click 1st bid now it should open it just under first link, instead opening it at bottom.
     
    dizyn, Jan 20, 2009 IP
  2. wobmop

    wobmop Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Have you tried using either float: left; or clear: left; in your CSS? This can solve problems such as this.

    Also ensure that in your HTML your div for the sub menu is located above the secondary Bid Now link.
     
    wobmop, Jan 20, 2009 IP
  3. Anthony Thomas

    Anthony Thomas Peon

    Messages:
    46
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    You need to apply something like the following code to the <UL> that drops down, make sure that the containing element has position: relative; though.

    {
    position: absolute;
    bottom: -10px; /* you can change these values to position */
    left: 0px;
    }

    this is just off the top of my head, I will be able to help further if required when I get home.
     
    Anthony Thomas, Jan 20, 2009 IP
  4. eric.r

    eric.r Peon

    Messages:
    124
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I believe this problem has something to do with your javascript. You only have one function that deals with two links. The way that works is that when you click it the javascript makes the text that appears open up in the div below the second bid link. I would make a copy of that function and position a div below the first link and when you click the first link then the text will appear below the first and before second. Then you can keep the second link the same as it is. It is an easy fix. Hope this helps.

    ~eric
     
    eric.r, Jan 22, 2009 IP