Problemer med margen-indrykning foran javascript
Jeg har et billede slide-show i java, som jeg ikke kan få placeret ordentligt på min side. Jeg kan godt får det rykket ned (171 px), men jeg kan ikke få det rykket ind. Jeg ville gerne have en venstre-margen på 50 px.... Men der sker ikke noget. Som I kan se har jeg lige sat noget tekst ind både over og under og de rykker fint ind, men slideshowet bliver ved med at stå helt ude til venstre.... hvad gør jeg galt?------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<base target="main">
</head>
<body background="graphics/background_3.jpg">
<p style="margin-top: 171px; margin-left:50px">
ddddddi i</script>
<!-- SCRIPT - Slideshow -->
<p style="margin-left:100px">
<script language="JavaScript1.2">
var slideshow_width=665
var slideshow_height=407
var pause=4000
var fade=100
var fadeimages=new Array()
fadeimages[0]="fp_1.jpg"
fadeimages[1]="fp_2.jpg"
fadeimages[2]="fp_3.jpg"
fadeimages[3]="fp_4.jpg"
fadeimages[4]="fp_5.jpg"
//////////////////////////////////////////////////////
var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf ("Opera")==-1
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+ slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+ slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+ slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')
var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1
function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}
function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",fade)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}
function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
</script>
<p style="margin-left:100px">
<!-- SCRIPT - Slideshow - SLUT -->ssssssssssssss
<p style="margin-top: 171px; margin-left:100px">
</body>
</html>
