Zurück   HTML Forum > Programmierung > HTML

HTML In dem Forum bekommst du nützliche Tipps und schnelle Hilfe zu deinen Fragen rund um HTML und XHTML.

Neues Thema erstellen  Antwort
 
Themen-Optionen Thema durchsuchen
Alt 20.02.2011, 09:48   #1
Neuer Benutzer
 
Registriert seit: 19.02.2011
Ort: Türkei
Beiträge: 3
Standard Ab dieser Stelle kann ich keine Layer mehr frei Positionieren...was blockt da?!

HTML-Code:
<html>

<style type="text/css">
 body {
	text-align: center;
	background-position: center top;
	background-repeat:no-repeat
	
}

 .auto-style1 {
	margin: auto auto;
}

.auto-style2 {
	border-width: 0px;
}

#apDiv1 {
	position:absolute;
	left:731px;
	top:149px;
	width:319px;
	height:309px;
}
</style>




<script type="text/javascript">
<!--
function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_swapImgRestore() {//v1.0
 var doc=document,i; if(doc.$imgSwaps) { for(i=0;i<doc.$imgSwaps.length;i++) {
  var elm=doc.$imgSwaps[i]; if(elm) { elm.src=elm.$src; elm.$src=null; } } 
  doc.$imgSwaps=null; }
}

function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>





<body style="margin: 0; background-color: #333333; background-image: url('image/Background%20web%20flv%20video.gif')" bgproperties="fixed" onLoad="FP_preloadImgs(/*url*/'image/Button-Homeo.gif',/*url*/'image/Button-Newso.gif',/*url*/'image/Button-biogro.gif',/*url*/'image/Button-Muso.gif',/*url*/'image/Button-Pico.gif',/*url*/'image/Button-Vido.gif')">
<div id="layer1" class="auto-style1"  style="width: 1000px; height: 550px; z-index: 1">
	<div id="layer2" style="width: 1000px; height: 896px; z-index: 1; left: 10px; top: 15px">
		<a href="http://home.html">
		<img alt="" height="150" src="image/Can-Kat%20Schrift%20Test.png" width="1000" class="auto-style2"></a>
	  <div id="layer3" style="width: 160px; height: 300px; z-index: 1; left: 14px; top: 168px; float: left;">
		<a href="http://home.html">
		<img alt="home" height="52" src="image/Button-Home.gif" width="160" id="img1" class="auto-style2" onload="FP_preloadImgs(/*url*/'image/Button-Home.gif')" onMouseOut="FP_swapImgRestore()" onMouseOver="FP_swapImg(1,1,/*id*/'img1',/*url*/'image/Button-Homeo.gif')"></a><a href="news.html"><img alt="news" height="50" src="image/Button-News.gif" width="160" id="img2" class="auto-style2" onload="FP_preloadImgs(/*url*/'image/Button-News.gif')" onMouseOut="FP_swapImgRestore()" onMouseOver="FP_swapImg(1,1,/*id*/'img2',/*url*/'image/Button-Newso.gif')"></a><a href="bio.html"><img alt="bio" height="50" src="image/Button-Biogr.gif" width="160" id="img3" class="auto-style2" onload="FP_preloadImgs(/*url*/'image/Button-Biogr.gif')" onMouseOut="FP_swapImgRestore()" onMouseOver="FP_swapImg(1,1,/*id*/'img3',/*url*/'image/Button-biogro.gif')"></a><a href="music.html"><img alt="mus" height="50" src="image/Button-Mus.gif" width="160" id="img4" class="auto-style2" onload="FP_preloadImgs(/*url*/'image/Button-Mus.gif')" onMouseOut="FP_swapImgRestore()" onMouseOver="FP_swapImg(1,1,/*id*/'img4',/*url*/'image/Button-Muso.gif')"></a><a href="photos.html"><img alt="pic" height="50" src="image/Button-Pic.gif" width="160" id="img5" class="auto-style2" onload="FP_preloadImgs(/*url*/'image/Button-Pic.gif')" onMouseOut="FP_swapImgRestore()" onMouseOver="FP_swapImg(1,1,/*id*/'img5',/*url*/'image/Button-Pico.gif')"></a><a href="videos.html"><img alt="vid" height="50" src="image/Button-Vid.gif" width="160" id="img6" class="auto-style2" onload="FP_preloadImgs(/*url*/'image/Button-Vid.gif')" onMouseOut="FP_swapImgRestore()" onMouseOver="FP_swapImg(1,1,/*id*/'img6',/*url*/'image/Button-Vido.gif')"></a>
		
		
	  </div>
   </div>
</div>


</html>
canny ist offline   Mit Zitat antworten
Alt 20.02.2011, 09:59   #2
Administrator
 
Benutzerbild von developr
 
Registriert seit: 11.11.2008
Ort: Bremen
Beiträge: 268
developr eine Nachricht über ICQ schicken developr eine Nachricht über MSN schicken
Standard AW: Ab dieser Stelle kann ich keine Layer mehr frei Positionieren...was blockt da?!

Ab welcher Stelle?

Tipp: Du hast keinen Head und den Body nicht geschlossen ;-).

HTML-Code:
<html>
<head>
<style type="text/css">
 body {
	text-align: center;
	background-position: center top;
	background-repeat:no-repeat
	
}

 .auto-style1 {
	margin: auto auto;
}

.auto-style2 {
	border-width: 0px;
}

#apDiv1 {
	position:absolute;
	left:731px;
	top:149px;
	width:319px;
	height:309px;
}
</style>

<script type="text/javascript">
<!--
function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_swapImgRestore() {//v1.0
 var doc=document,i; if(doc.$imgSwaps) { for(i=0;i<doc.$imgSwaps.length;i++) {
  var elm=doc.$imgSwaps[i]; if(elm) { elm.src=elm.$src; elm.$src=null; } } 
  doc.$imgSwaps=null; }
}

function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>


</head>
<body style="margin: 0; background-color: #333333; background-image: url('image/Background%20web%20flv%20video.gif')" bgproperties="fixed" onLoad="FP_preloadImgs(/*url*/'image/Button-Homeo.gif',/*url*/'image/Button-Newso.gif',/*url*/'image/Button-biogro.gif',/*url*/'image/Button-Muso.gif',/*url*/'image/Button-Pico.gif',/*url*/'image/Button-Vido.gif')">
<div id="layer1" class="auto-style1"  style="width: 1000px; height: 550px; z-index: 1">
	<div id="layer2" style="width: 1000px; height: 896px; z-index: 1; left: 10px; top: 15px">
		<a href="http://home.html">
		<img alt="" height="150" src="image/Can-Kat%20Schrift%20Test.png" width="1000" class="auto-style2"></a>
	  <div id="layer3" style="width: 160px; height: 300px; z-index: 1; left: 14px; top: 168px; float: left;">
		<a href="http://home.html">
		<img alt="home" height="52" src="image/Button-Home.gif" width="160" id="img1" class="auto-style2" onload="FP_preloadImgs(/*url*/'image/Button-Home.gif')" onMouseOut="FP_swapImgRestore()" onMouseOver="FP_swapImg(1,1,/*id*/'img1',/*url*/'image/Button-Homeo.gif')"></a><a href="news.html"><img alt="news" height="50" src="image/Button-News.gif" width="160" id="img2" class="auto-style2" onload="FP_preloadImgs(/*url*/'image/Button-News.gif')" onMouseOut="FP_swapImgRestore()" onMouseOver="FP_swapImg(1,1,/*id*/'img2',/*url*/'image/Button-Newso.gif')"></a><a href="bio.html"><img alt="bio" height="50" src="image/Button-Biogr.gif" width="160" id="img3" class="auto-style2" onload="FP_preloadImgs(/*url*/'image/Button-Biogr.gif')" onMouseOut="FP_swapImgRestore()" onMouseOver="FP_swapImg(1,1,/*id*/'img3',/*url*/'image/Button-biogro.gif')"></a><a href="music.html"><img alt="mus" height="50" src="image/Button-Mus.gif" width="160" id="img4" class="auto-style2" onload="FP_preloadImgs(/*url*/'image/Button-Mus.gif')" onMouseOut="FP_swapImgRestore()" onMouseOver="FP_swapImg(1,1,/*id*/'img4',/*url*/'image/Button-Muso.gif')"></a><a href="photos.html"><img alt="pic" height="50" src="image/Button-Pic.gif" width="160" id="img5" class="auto-style2" onload="FP_preloadImgs(/*url*/'image/Button-Pic.gif')" onMouseOut="FP_swapImgRestore()" onMouseOver="FP_swapImg(1,1,/*id*/'img5',/*url*/'image/Button-Pico.gif')"></a><a href="videos.html"><img alt="vid" height="50" src="image/Button-Vid.gif" width="160" id="img6" class="auto-style2" onload="FP_preloadImgs(/*url*/'image/Button-Vid.gif')" onMouseOut="FP_swapImgRestore()" onMouseOver="FP_swapImg(1,1,/*id*/'img6',/*url*/'image/Button-Vido.gif')"></a>
		
		
	  </div>
   </div>
</div>

</body>
</html>
developr ist offline   Mit Zitat antworten
Alt 20.02.2011, 10:51   #3
Neuer Benutzer
 
Registriert seit: 19.02.2011
Ort: Türkei
Beiträge: 3
Standard AW: Ab dieser Stelle kann ich keine Layer mehr frei Positionieren...was blockt da?!

wenn es deswegen ist dann bring ich mich um xD danke ich schau mal
canny ist offline   Mit Zitat antworten
Neues Thema erstellen  Antwort

Stichworte
css, html, layer, layers, layouts, problem
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus