Javascript Image slide menu kan niet worden verplaatst.

[Verwijderd]

Hallo mensen,

Ik ben bezig met een website. Header is klaar nu ben ik bezig met de container; om precies te zijn, een JavaScript/jQuery image slide menu. Deze image slider werkt precies hoe het moet, maar kan niet worden verplaatst. Ik heb bij #slides in de CSS al onder andere margin-left en margin-top gebruikt, maar er gebeurd niks.

Ik heb nu dit en wil het in de rode lijn verplaatsen:
http://f.cl.ly/items/2j3e...5%20at%209.40.02%20PM.png

Website-link:
http://testwebsiteni3l55.eu5.org


Bij voorbaat dank ,

Niels

[ Voor 9% gewijzigd door Verwijderd op 15-08-2013 22:00 ]

[Nedra]

wooha, misschien moet je je wat inlezen over positionering. Google even CSS positioning en probeer een paar dingen zoals http://www.barelyfitz.com...training/css/positioning/ (misschien niet het beste voorbeeld, maar het geeft je wat meer een idee). Nu heeft je logo een grote marge, is je menuwrapper nutteloos, heeft je navigatie een padding van 100px wat er voor zorgt dat je slideshow naar onder gedrukt wordt terwijl er een negatieve marge van -120px wordt gegeven om het menu nog enigzins op plaats te houden en wordt er volgens mij ook geen rekening gehouden met verschillende beeldscherm formaten. Al met al lijkt het erop dat je nog niet helemaal begrijpt wat je aan het doen bent. Gebruik je overigens (chrome) developer tools? Met inspect element is het erg makkelijk te zien waar het fout gaat.

[Verwijderd]

CSS positioning zal ik beter gaan toepassen. Ik gebruik ook gewoon een developer tools, echter op Safari niet op Chrome. Ik zal verder wat je hebt gezegd proberen. Ik zal het hier wel weer posten als het is gelukt.
Bedankt!

[Verwijderd]

Het is gelukt! Bedankt Nedra!