login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Navigatie in slider (IE Probleem) (Opgelost)

Offline dimb - 12/11/2011 23:32
Avatar van dimbNieuw lid Hee,

Voor een klant heb ik een website gemaakt met daarin de geweldige Nivo Slider.
De klant had echter aparte eisen aan de navigatiebullets in de slider, bij een mouseover zie je een thumbnail.
Door de overflow:hidden instellingen van slider lukt het me niet om deze bullets buiten de slider te krijgen.
Nu staan ze rechts onder in de slider.

Ik heb echt van alles geprobeerd, z-index/ floats/ position absolute maar niks geeft het gewenste resultaat.
Om het nog erger te maken, de huidige bullets zie je in alle fatsoenlijke browsers maar niet in IE.

Kunnen jullie mij helpen?
Demo: http://77.243.235.248/~deveerman/

Groet,
Paul

3 antwoorden

Gesponsorde links
Offline FrankieC - 13/11/2011 11:42
Avatar van FrankieC Lid Ik heb nog niet gekeken, maar waarom heeft de slider overflow:hidden? (Dat wordt namelijk ook gebruikt om float te clearen, maar dat heeft allerlei bijwerkingen.)
Offline Sam - 13/11/2011 15:36 (laatste wijziging 13/11/2011 16:52)
Avatar van Sam PHP expert Vrij simpel, pas deze classes aan in je css:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #slideshow {
  2.     color: white;
  3.     float: left;
  4.     height: 350px;
  5.     position: relative;
  6.     width: 100%;
  7. }
  8.  
  9. #slider .nivo-controlNav {
  10.     bottom: -30px;
  11.     display: block;
  12.     left: 757px;
  13.     position: absolute;
  14.     right: 10px;
  15.     z-index: 9999;
  16. }
  17.  
  18. #slider .nivo-controlNav img.active {
  19.     display: block;
  20.     left: -231px;
  21.     position: absolute;
  22.     top: -224px;
  23. }


Als ik de pagina lokaal opsla zie ik de bullets in IE gewoon staan waar ze moeten staan, op de link die jij geeft komen ze idd niet tevoorschijn.
Offline dimb - 13/11/2011 22:55
Avatar van dimb Nieuw lid Opgelost, het enige probleem wat er dan optreedt is dat je de images voor een seconde ziet voordat ze door JQuery verborgen worden. Dit heb ik opgelost door ze met PHP bij het laden een display: none te geven. De bullets werden niet weergegeven omdat ik de image van een externe host laadde. Thanks!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.17s