Weergegeven resultaten: 1 t/m 13 van 13
  1. #1
    Member 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
    Approved 9-lifer Dieterg's schermafbeelding
    Lid sinds
    8/01/05
    Locatie
    Turnhout
    Berichten
    1.156
    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
    Member 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
    Member FurtiveDuck's schermafbeelding
    Lid sinds
    4/10/03
    Locatie
    057
    Berichten
    3.512
    iTrader
    12 (100%)
    Is het enkel in IE of in alle browsers? Zal hoogstwaarschijnlijk wel aan de position prop liggen.

  5. #5
    Member 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
    Member W0utR's schermafbeelding
    Lid sinds
    16/04/08
    Locatie
    Hong Kong
    Berichten
    1.861
    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
    Member FurtiveDuck's schermafbeelding
    Lid sinds
    4/10/03
    Locatie
    057
    Berichten
    3.512
    iTrader
    12 (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
    Member 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
    Member W0utR's schermafbeelding
    Lid sinds
    16/04/08
    Locatie
    Hong Kong
    Berichten
    1.861
    iTrader
    6 (100%)
    Gewoon erbij zetten dan, heb het getest en werkt perfect.

  10. #10
    Member BramVanroy's schermafbeelding
    Lid sinds
    14/08/10
    Locatie
    Diest
    Berichten
    2.284
    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
    Member 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
    Member W0utR's schermafbeelding
    Lid sinds
    16/04/08
    Locatie
    Hong Kong
    Berichten
    1.861
    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
    Member Ezzio's schermafbeelding
    Lid sinds
    31/03/10
    Locatie
    Zottegem
    Berichten
    27
    iTrader
    0
    Yup, werkt perfect
    Bedankt voor de hulp!

Discussie informatie

Users Browsing this Thread

Op dit moment bekijken 1 gebruikers deze discussie. (0 leden en 1 gasten)

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
  •