1. #1
    Ezzio's schermafbeelding
    Lid sinds
    31/03/10
    Locatie
    Zottegem
    Berichten
    27
    iTrader
    0

    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?

  2. #2
    Dieterg's schermafbeelding
    Lid sinds
    8/01/05
    Locatie
    Turnhout
    Berichten
    1.185
    iTrader
    0
    Heb je de site online staan? Je zal op zen minst code moeten geven voor dat we u hiermee kunnen helpen.
    -

  3. #3
    Ezzio's schermafbeelding
    Lid sinds
    31/03/10
    Locatie
    Zottegem
    Berichten
    27
    iTrader
    0
    Goed punt, was het er vergeten bij te zetten

    Homepage - Hydra

  4. #4
    FurtiveDuck's schermafbeelding
    Lid sinds
    4/10/03
    Locatie
    60
    Berichten
    3.680
    iTrader
    13 (100%)
    Is het enkel in IE of in alle browsers? Zal hoogstwaarschijnlijk wel aan de position prop liggen.

  5. #5
    Ezzio's schermafbeelding
    Lid sinds
    31/03/10
    Locatie
    Zottegem
    Berichten
    27
    iTrader
    0
    Tot hiertoe hebik het getest in Chrome, firefox en safari. IE hebik nog niet getest

  6. #6
    W0utR's schermafbeelding
    Lid sinds
    16/04/08
    Locatie
    Hong Kong
    Berichten
    1.914
    iTrader
    6 (100%)
    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.

  7. #7
    FurtiveDuck's schermafbeelding
    Lid sinds
    4/10/03
    Locatie
    60
    Berichten
    3.680
    iTrader
    13 (100%)
    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.

  8. #8
    Ezzio's schermafbeelding
    Lid sinds
    31/03/10
    Locatie
    Zottegem
    Berichten
    27
    iTrader
    0
    Zen even nie mee. Da staan nie in men css wat jullie posten eigenlijk.

  9. #9
    W0utR's schermafbeelding
    Lid sinds
    16/04/08
    Locatie
    Hong Kong
    Berichten
    1.914
    iTrader
    6 (100%)
    Gewoon erbij zetten dan, heb het getest en werkt perfect.

  10. #10

    Lid sinds
    14/08/10
    Locatie
    Diest
    Berichten
    2.420
    iTrader
    1 (100%)
    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.

  11. #11
    Ezzio's schermafbeelding
    Lid sinds
    31/03/10
    Locatie
    Zottegem
    Berichten
    27
    iTrader
    0
    Citaat Oorspronkelijk geplaatst door W0utR Bekijk bericht
    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.

  12. #12
    W0utR's schermafbeelding
    Lid sinds
    16/04/08
    Locatie
    Hong Kong
    Berichten
    1.914
    iTrader
    6 (100%)
    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

  13. #13
    Ezzio's schermafbeelding
    Lid sinds
    31/03/10
    Locatie
    Zottegem
    Berichten
    27
    iTrader
    0
    Yup, werkt perfect
    Bedankt voor de hulp!

Regels voor berichten

  • Je mag geen nieuwe discussies starten
  • Je mag niet reageren op berichten
  • Je mag geen bijlagen versturen
  • Je mag niet je berichten bewerken
  •  

Inloggen

Inloggen