Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

positie van foto's op pagina

8 antwoorden
  • op mijn homepage http://members1.chello.nl/~e.dieperink bij fotos krijg ik de fotos helemaal rechts, maar ik wil ze veel meer naar links hebben. Hoe los ik dit op? [b:b304dfe8b6]mod edit: titel aangepast: http://forum.computertotaal.nl/phpBB2/viewtopic.php?t=59999 t.[/b:b304dfe8b6]
  • Layers of iframes gebruiken.
  • Als je in je code op de pagina's "[i:213ed4e206]nederlands/fotos.html[/i:213ed4e206]" en "[i:213ed4e206]english/pics.html[/i:213ed4e206]" in het eerste script in het eerste gedeelte van de functie "[i:213ed4e206]enlarge(which,e)[/i:213ed4e206]" de waarden van resp. [b:213ed4e206]pageXOffset[/b:213ed4e206] (voor Netscape) en [b:213ed4e206]document.body.scrollLeft[/b:213ed4e206] (voor IE) verlaagt. Bijvoorbeeld met 200 als volgt:[code:1:213ed4e206]function enlarge(which,e){ //Render image code for IE 4+ and NS6 if (ie||ns6){ crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage if (crossobj.style.visibility=="hidden") { crossobj.style.left=ns6? pageXOffset+e.clientX-200 : document.body.scrollLeft+event.clientX-200 crossobj.style.top=ns6? pageYOffset+e.clientY : document.body.scrollTop+event.clientY crossobj.innerHTML='<div align=right id=drag><b onClick=closepreview()>X</b></div><img src="'+which+'">' crossobj.style.visibility="visible" }[/code:1:213ed4e206]Je moet zelf maar een beetje spelen met de grootte van de verschuiving. De -200 staat hier voor 200 pixels naar links. Op de volgende regel in het script staan de Y-waardes voor verticaal. Op dezelfde manier kun je het plaatje hoger of lager laten zien. Hou er wel rekening mee dat de positie van de vergroting is [b:213ed4e206]ten opzichte van[/b:213ed4e206] de positie van de tumbnail. Dus als je de verschuiving naar links te groot maakt is de vergroting van de meest linkse tumbnail(s) niet meer geheel te zien.
  • Hallo, Allereerst bedankt voor je hulp. Nu heb ik nog 1 vraagje. Probleem wat ik had is opgelost, maar de foto opent zich nog onder de kleine foto en ik wil hem er juist bovenop openen, zodat je de uitvergroting helemaal goed ziet en niet onder de andere fotos door. Hoe kan ik dit oplossen? Robbert
  • ik weet niet zeker of dat met css gaat of anders moet je het er in de <div> tag bijzetten. Maar met de z-index kan je de ene layer boven de andere laten komen dus z-index 0 is de laagste etc. dus de layers met de thumbs krijgen z-index 0 bv. en de nieuwe layer met de foto in z-index 1 bv.
  • Dit begrijp ik niet helemaal, hoe moet ik dit precies neerzetten die z-index, kun je een voorbeeld geven?
  • met een z-index css geef je de volgorde van lagen aan: [code:1:520b375866] <style type="text/css"> .lay1 { width: 100px; height: 100px; background-color: #0080ff; position: absolute; top: 10px; left: 10px; z-index: 2; } .lay2 { width: 150px; height: 150px; background-color: silver; position: absolute; top: 25px; left: 25px; z-index: 1; } </style> <body> <div class="lay1">Laag 1</div> <div class="lay2">Laag 2</div> </body> [/code:1:520b375866] Als je het effect wil zien moet je de waardes van de z-index omdraaien. t.
  • lukt niet echt, als ik z-index: 1 of z-index: 2 neerzet in Golive dan zet hij dat in het oranje neer, lijkt me niet goed, gebeurt ook verder weinig

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.