1. #1
    Ezzio's Avatar
    Registered
    31/03/10
    Location
    Zottegem
    Posts
    27
    iTrader
    0
    Mentioned
    0 Post(s)

    Jquery/CSS dropdown probleem

    Ik ben bezig met een site te maken waar er een dropdown in nodig is. Die hebik gemaakt met behulp van Jquery en CSS. Het werkt perfect maar de content die onder die dropdown staat wordt opzij geschoven wanneer je dropdown opent.

    Kheb al geprobeerd om met z-index te werken maar er komt niet veel verbetering uit. Waaraan zou het kunnen liggen?
    no votes  

  2. #2
    Dieterg's Avatar
    Registered
    08/01/05
    Location
    Turnhout
    Posts
    1,182
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    9/9
    Heb je de site online staan? Je zal op zen minst code moeten geven voor dat we u hiermee kunnen helpen.
    -
    no votes  

  3. #3
    Ezzio's Avatar
    Registered
    31/03/10
    Location
    Zottegem
    Posts
    27
    iTrader
    0
    Mentioned
    0 Post(s)
    Goed punt, was het er vergeten bij te zetten

    Homepage - Hydra
    no votes  

  4. #4
    FurtiveDuck's Avatar
    Registered
    04/10/03
    Location
    9000
    Posts
    3,755
    iTrader
    14 (100%)
    Mentioned
    0 Post(s)
    Reputation
    5/35
    Is het enkel in IE of in alle browsers? Zal hoogstwaarschijnlijk wel aan de position prop liggen.
    no votes  

  5. #5
    Ezzio's Avatar
    Registered
    31/03/10
    Location
    Zottegem
    Posts
    27
    iTrader
    0
    Mentioned
    0 Post(s)
    Tot hiertoe hebik het getest in Chrome, firefox en safari. IE hebik nog niet getest
    no votes  

  6. #6
    W0utR's Avatar
    Registered
    16/04/08
    Location
    Hong Kong
    Posts
    1,989
    iTrader
    6 (100%)
    Mentioned
    0 Post(s)
    Reputation
    7/9
    Code:
    #droplinks {
       position: absolute;
    }
    Een id mag trouwens enkel uniek zijn, en ik zie dat #droplinks meerdere keren voorkomt, maak daar dus ook even een classe van.
    no votes  

  7. #7
    FurtiveDuck's Avatar
    Registered
    04/10/03
    Location
    9000
    Posts
    3,755
    iTrader
    14 (100%)
    Mentioned
    0 Post(s)
    Reputation
    5/35
    Geen idee of het wat te maken heeft met uw probleem, waarschijnlijk wel.. maar waarom doe je dit?

    Code:
    html, div, map, dt, isindex, form {
        display: block;
    }
    Dit zorgt er immers voor dat ieder element dat je hebt een volledige lijn zal innemen. Allez, moeilijk uit te leggen. Het zal een blockelement worden. Kan je niets meer naast plaatsen en dergelijke. Uw dropdown wordt automatisch block als je hem oproept.
    no votes  

  8. #8
    Ezzio's Avatar
    Registered
    31/03/10
    Location
    Zottegem
    Posts
    27
    iTrader
    0
    Mentioned
    0 Post(s)
    Zen even nie mee. Da staan nie in men css wat jullie posten eigenlijk.
    no votes  

  9. #9
    W0utR's Avatar
    Registered
    16/04/08
    Location
    Hong Kong
    Posts
    1,989
    iTrader
    6 (100%)
    Mentioned
    0 Post(s)
    Reputation
    7/9
    Gewoon erbij zetten dan, heb het getest en werkt perfect.
    no votes  

  10. #10

    Registered
    14/08/10
    Location
    Diest
    Posts
    2,419
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    8/16
    In een sublijst moet je ook met list-items werken en niet direct met links.. Dat zou al wat problemen met je menu kunnen verhelpen.
    no votes  

  11. #11
    Ezzio's Avatar
    Registered
    31/03/10
    Location
    Zottegem
    Posts
    27
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by W0utR View Post
    This quote is hidden because you are ignoring this member. Show
    Gewoon erbij zetten dan, heb het getest en werkt perfect.
    Welke bedoel je juist?
    De li tags staan er nu bij en het resultaat is nog steeds hetzelfde.
    no votes  

  12. #12
    W0utR's Avatar
    Registered
    16/04/08
    Location
    Hong Kong
    Posts
    1,989
    iTrader
    6 (100%)
    Mentioned
    0 Post(s)
    Reputation
    7/9
    Code:
    #droplinks {
       position: absolute;
    }
    Deze dus, opgelet, dit gaat enkel werken op je eerste dropdown.
    Je gaat dus classes moeten gebruiken in plaats van id's
    no votes  

  13. #13
    Ezzio's Avatar
    Registered
    31/03/10
    Location
    Zottegem
    Posts
    27
    iTrader
    0
    Mentioned
    0 Post(s)
    Yup, werkt perfect
    Bedankt voor de hulp!
    no votes  

Posting Permissions

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

Log in

Log in