Thread: Jquery/CSS dropdown probleem
-
09-01-2012, 13:35 #1
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
-
-
09-01-2012, 13:49 #2Approved 9-lifer
- 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
-
09-01-2012, 14:00 #3
Goed punt, was het er vergeten bij te zetten

Homepage - Hydrano votes
-
09-01-2012, 14:00 #4Member
- 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
-
09-01-2012, 14:03 #5
Tot hiertoe hebik het getest in Chrome, firefox en safari. IE hebik nog niet getest
no votes
-
09-01-2012, 14:05 #6Member
- Registered
- 16/04/08
- Location
- Hong Kong
- Posts
- 1,989
- iTrader
- 6 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 7/9
Een id mag trouwens enkel uniek zijn, en ik zie dat #droplinks meerdere keren voorkomt, maak daar dus ook even een classe van.Code:#droplinks { position: absolute; }no votes
-
09-01-2012, 14:06 #7Member
- 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?
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.Code:html, div, map, dt, isindex, form { display: block; }no votes
-
09-01-2012, 14:13 #8
Zen even nie mee. Da staan nie in men css wat jullie posten eigenlijk.
no votes
-
09-01-2012, 14:16 #9Member
- 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
-
09-01-2012, 14:42 #10Deactivated user
- 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
-
09-01-2012, 14:56 #11no votes
-
09-01-2012, 15:00 #12Member
- Registered
- 16/04/08
- Location
- Hong Kong
- Posts
- 1,989
- iTrader
- 6 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 7/9
Deze dus, opgelet, dit gaat enkel werken op je eerste dropdown.Code:#droplinks { position: absolute; }
Je gaat dus classes moeten gebruiken in plaats van id'sno votes
-
09-01-2012, 15:06 #13
Yup, werkt perfect

Bedankt voor de hulp!no votes

