HTML position.
Ik loop tegen het volgende probleem op; ik heb een slider van slidesjs. deze bestaat uit 2 divs. slides en slider_container.
slides heeft als eigenschap: hoogte, breedte en position: absolute. En slider_container de eigenschappen: hoogte, breedte, position: relative en overflow: hidden.
De div slides bevat de navigatie functie vorige en volgende.
Deze doen het goed, maar zodra ik de slider in mijn website template wil plaatsen gebeurt er het volgende: de slider zou in de div slidewrap moeten komen te staan, maar wordt door dreamweaver weergegeven dat deze buiten het kader helemaal rechts uit beeld komt te staan. Waar ligt dit aan. Ik zelf dacht namelijk aan de position maar deze zou eigenlijk niet mogen veranderd worden ivm dat de slider dan niet meer werkt. Hoe is dit op te lossen.?
Html:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="sliderwrap" id="space">
<div id="slides">
<div class="slide_container">
<div>
<img src="/slide-1.jpg" width="630" height="350" alt="Slide 1">
</div><!-- End slide-1 -->
<div>
<img src="/slide-2.jpg" width="630" height="350" alt="Slide 2">
</div><!-- End slide-2 -->
</div><!-- End .slidewrapper -->
<a href="#" class="prev"><img src="/arrow-prev.png" width="45" height="45" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="/arrow-next.png" width="45" height="45" alt="Arrow Next"></a>
</div><!-- End .slides -->
</div>
<div id="slides">
<div class="slide_container">
<div>
<img src="/slide-1.jpg" width="630" height="350" alt="Slide 1">
</div><!-- End slide-1 -->
<div>
<img src="/slide-2.jpg" width="630" height="350" alt="Slide 2">
</div><!-- End slide-2 -->
</div><!-- End .slidewrapper -->
<a href="#" class="prev"><img src="/arrow-prev.png" width="45" height="45" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="/arrow-next.png" width="45" height="45" alt="Arrow Next"></a>
</div><!-- End .slides -->
</div>
Verder moet je er rekening mee houden dat de rendering door Dreamweaver niet perfect is, in oudere versies regelmatig zelfs slecht. Altijd testen in browsers.
Gewijzigd op 10/12/2011 12:46:57 door Frank C