login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Tekst positioneren

Offline Frederic - 05/02/2005 16:03
Avatar van FredericPHP ver gevorderde Heeft iemand een idee hoe ik kan zorgen dat alles in de tabel wordt gecentreerd?
http://gielissen.be/Test/newest1.php
Ik laad de inhoud in via een PHP scriptje (met limit, de gegevens komen uit een DB), maar ik krijg de tekst maar niet juist gepositioneerd... Graag zou ik dus alles in de tabel gecentreerd hebben...
De code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>Gastenboek</title>
  4. </head><center>
  5. <script>
  6.  
  7. var achtergrondkleur="#00CC00"
  8. var tekstbreedte=300
  9. var teksthoogte=200
  10. var tekstrand=4
  11. var tekstrandkleur="#000000"
  12. var i_text=0
  13. var textcontent=""
  14. var thisspan=""
  15. var content=""
  16. var contentbg=""
  17. var toggle=1
  18. var timer
  19. var scrollready=true
  20. var tabelbreedte
  21. var tabelhoogte       
  22. var step=2       
  23. var content
  24. var padding=3
  25. var inhoudhoogte
  26. var ie=document.all?1:0 
  27. var ns6=document.getElementById&&!document.all?1:0
  28. var ns4=document.layers?1:0
  29.  
  30. if (ie || ns6) {
  31. 	document.write('<table cellpadding=0 cellspacing=0 border=0 height='+teksthoogte+' width='+tekstbreedte+'><tr><td>');
  32. 	document.write('<div id="marker" style="position:relative; width:'+tekstbreedte+'; height:'+teksthoogte+'"></div>');
  33. 	document.write('</td></tr></table>')
  34. 	if (ns6) {
  35. 		var tabelbreedte=tekstbreedte-2*tekstrand
  36. 		var tabelhoogte=teksthoogte-2*tekstrand
  37. 	}
  38. 	else {
  39. 		var tabelbreedte=tekstbreedte
  40. 		var tabelhoogte=teksthoogte
  41. 	}
  42. 	document.write('<div ID="roof" style="position:absolute;width:'+tabelbreedte+'px;height:'+tabelhoogte+'px;border-style:solid;border-width:'+tekstrand+'px;border-color:'+tekstrandkleur+';background-color:'+achtergrondkleur+';overflow:hidden;visibility:hidden" onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">')
  43. 	document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;visibility:hidden">')
  44. }
  45.  
  46. if (ns4) {
  47. 	document.write('<table cellpadding=0 cellspacing=0 border=0 height='+teksthoogte+' width='+tekstbreedte+'><tr><td>');
  48. 	var widthMinusTwoBorder=tekstbreedte-2*tekstrand
  49. 	var heightMinusTwoBorder=teksthoogte-2*tekstrand
  50. 	var widthMinusFourBorder=tekstbreedte-4*tekstrand
  51. 	var heightMinusFourBorder=teksthoogte-4*tekstrand
  52.  
  53. }
  54.  
  55. </script>
  56. <ilayer name="marker" bgcolor=&{tekstrandkleur}; width=&{tekstbreedte}; height=&{teksthoogte};></ilayer>
  57. <layer name="tickerbg" left=&{tekstrand}; top=&{tekstrand}; width=&{widthMinusTwoBorder}; height=&{heightMinusTwoBorder}; bgcolor=&{achtergrondkleur}; visibility=hide> </layer>
  58. <layer name="roof" width=&{widthMinusTwoBorder}; height=&{heightMinusFourBorder};>
  59. <layer name="ticker"  visibility=hide width=&{widthMinusTwoBorder};  left=&{tekstrand}; top=&{tekstrand}; onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">
  60. <?php
  61. //HIER LEES IK DE CONTENT IN
  62. ?>
  63. </layer></layer>
  64. <script>
  65. if (ns4) {
  66. 	document.write('</td></tr></table>')
  67. }
  68. if (ie || ns6) {
  69. 	document.write('</span></div>')
  70. }
  71. function doscroll(){
  72. 	if (scrollready) {
  73. 		if(ns4){
  74. 			document.roof.document.ticker.top+=-step;
  75. 			if(document.roof.document.ticker.top<-inhoudhoogte) {
  76. 				document.roof.document.ticker.top=teksthoogte;
  77. 			}
  78. 		}
  79. 		if (ie) {
  80. 			document.all.ticker.style.posTop+=-step
  81. 			if (document.all.ticker.style.posTop<-inhoudhoogte) {
  82. 				document.all.ticker.style.posTop=teksthoogte
  83. 			}
  84. 		}
  85. 		if (ns6) {
  86. 		document.getElementById('ticker').style.top=parseInt(document.getElementById('ticker').style.top)-step
  87. 			if (parseInt(document.getElementById('ticker').style.top)<-inhoudhoogte) {
  88. 				document.getElementById('ticker').style.top=teksthoogte
  89. 			}
  90. 		}
  91. 		timer=setTimeout("doscroll()",50)
  92. 	}
  93. 	else {
  94. 		clearTimeout(timer)
  95. 	}
  96. }
  97.  
  98. function DL_GetElementLeft(eElement) {
  99.     var nLeftPos = eElement.offsetLeft;          
  100.     var eParElement = eElement.offsetParent;     
  101.     while (eParElement != null) {                                            
  102.         nLeftPos += eParElement.offsetLeft;      
  103.         eParElement = eParElement.offsetParent;  
  104.     }
  105.     return nLeftPos;                            
  106. }
  107.  
  108. function DL_GetElementTop(eElement) {
  109.     var nTopPos = eElement.offsetTop;            
  110.     var eParElement = eElement.offsetParent;     
  111.     while (eParElement != null) {                                            
  112.         nTopPos += eParElement.offsetTop;        
  113.         eParElement = eParElement.offsetParent;  
  114.     }
  115.     return nTopPos;                              
  116. }
  117.  
  118. function initscroller(){
  119. 	if (ns4) {
  120. 		var thisspan=eval("document.roof.document.ticker")
  121. 		inhoudhoogte=thisspan.clip.bottom-thisspan.clip.top;
  122. 		document.roof.left=document.marker.pageX
  123. 		document.roof.top=document.marker.pageY+1*tekstrand
  124. 		document.tickerbg.left=document.marker.pageX+1*tekstrand
  125. 		document.tickerbg.top=document.marker.pageY+1*tekstrand
  126. 		document.roof.clip.width=tekstbreedte;
  127. 		document.roof.clip.height=teksthoogte-2*tekstrand;
  128. 		thisspan.top=teksthoogte;
  129. 		thisspan.clip.width=tekstbreedte;
  130. 		thisspan.clip.height=inhoudhoogte;
  131. 		document.roof.visibility="show";
  132. 		document.tickerbg.visibility="show";
  133. 		thisspan.visibility="show";
  134. 	}
  135. 	if (ie) {
  136. 		inhoudhoogte=document.all.ticker.clientHeight
  137. 		document.all.roof.style.posLeft=DL_GetElementLeft(document.all.marker);
  138. 		document.all.roof.style.posTop=DL_GetElementTop(document.all.marker);
  139. 		document.all.ticker.style.posTop=teksthoogte
  140. 		document.all.ticker.style.clip='rect(0px, '+(tekstbreedte-4)+'px, '+(inhoudhoogte)+'px, 0px)';
  141. 		document.all.roof.style.visibility="visible";
  142. 		document.all.ticker.style.visibility="visible";
  143. 	}
  144. 	if (ns6) {
  145. 		inhoudhoogte=document.getElementById('ticker').offsetHeight
  146. 		document.getElementById('roof').style.left=DL_GetElementLeft(document.getElementById('marker'));
  147. 		document.getElementById('roof').style.top=DL_GetElementTop(document.getElementById('marker'));
  148. 		document.getElementById('ticker').style.top=-inhoudhoogte
  149. 		document.getElementById('ticker').clip='rect(0px, '+(tekstbreedte-4)+'px, '+(inhoudhoogte)+'px, 0px)';
  150. 		document.getElementById('roof').style.visibility="visible";
  151. 		document.getElementById('ticker').style.visibility="visible";
  152. 	}
  153. 	doscroll()
  154. }
  155.  
  156. function setscrollready(whatanswer) {
  157. 	if (whatanswer==1) {
  158. 		scrollready=true
  159. 		checkscroll()
  160. 	}
  161. 	else {
  162. 		scrollready=false
  163. 	}
  164. }
  165.  
  166. function checkscroll() {
  167. 	clearTimeout(timer)
  168. 	if (scrollready) {
  169. 		doscroll()
  170. 	}
  171. }
  172. function reopenpage() {
  173. 	history.go(0)
  174. }
  175. window.onresize=reopenpage
  176. window.onload=initscroller
  177.  
  178. </script></center>

7 antwoorden

Gesponsorde links
Offline BigBug - 05/02/2005 16:09
Avatar van BigBug PHP expert <table align="center"></table>
<p align="center"></p>
<center></center>
-----------------------------
3 manieren...
Offline Frederic - 05/02/2005 16:21
Avatar van Frederic PHP ver gevorderde en als geen een van de 3 werkt?
Offline BigBug - 05/02/2005 16:26
Avatar van BigBug PHP expert owja.. moet je het in je td zetten:
<td align="center">

trouwens, waarom gebruik je zo'n lang javascript als je ook een simpele marquee kan gebruiken? 
Offline Frederic - 05/02/2005 17:00 (laatste wijziging 05/02/2005 17:03)
Avatar van Frederic PHP ver gevorderde nope, het werkt nog steeds niet... de tekst wordt gecentreerd, maar het linkske punt is geplakt tegen de kant, dus de gecentreerde tekst wordt niet in de tabel gecentreerd...


een marquee is horizontaal scroller, deze scrollt verticaal...
Offline Maarten - 05/02/2005 17:02 (laatste wijziging 05/02/2005 17:03)
Avatar van Maarten Erelid een marquee kan ook verticaal hoor...
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <marquee behavior="scroll" direction="down" onMouseOver="this.stop()" onMouseOut="this.start();"></marquee>
Offline Frederic - 05/02/2005 17:06
Avatar van Frederic PHP ver gevorderde dus alles wat ik heb (die 170 regels) kunnen vervangen worden door 1 regel?
Is dat ff easy 
(is de snelheid ook aan te passen?)
Offline Maarten - 05/02/2005 17:09 (laatste wijziging 05/02/2005 17:11)
Avatar van Maarten Erelid Ja, met scrollamount="...."
http://www.lissaexplains.com/fun3.shtml
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s