By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,648 Members | 1,670 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,648 IT Pros & Developers. It's quick & easy.

position relative moving other cells in table

P: 2
Hi, if you look at my website, www.setientprod.com/index.php I have a rotation script inside of a table but it is resizing the background of the neighboring cells. It is positioned with relative not absolute but the script is resizing the background for some reason. Can some please help me with this?


Here is the code

Expand|Select|Wrap|Line Numbers
  1. <center>
  2. <TABLE 
  3. WIDTH="1080" HEIGHT="100"
  4. CELLSPACING="0" CELLPADDING="0" 
  5. BGCOLOR="#FF0000">
  6.  
  7.     <TR>
  8.  
  9. <!--//////BEGIN Rotate/Rotation Script,
  10. If anything is added to the Body, these positions MUST
  11. be adjusted! The floating quote generator will mess up 
  12. if anything is removed or added...//////-->
  13. <TD>
  14.         <div 
  15.         style="position:relative; 
  16.         width:100%;
  17.         height:100%; 
  18.         right:30; 
  19.         top:95;">
  20.  
  21. <?PHP
  22.     include ("rotate.php");
  23. ?>
  24.  
  25.         </div>
  26. </TD>
  27. <!--//////END Rotate/Rotation Script//////-->
  28.  
  29. <!--//////BEGIN SPACER//////-->
  30. <TD><img width="100" height="100" src="http://sentientprod.com/images/rotate13.png"></TD>
  31. <!--//////END SPACER//////-->
  32.  
  33. <!--//////BEGIN RECENT VIDEOS PICTURE//////-->
  34. <TD><img width="100" height="100" src="http://sentientprod.com/images/rotate13.png"></TD>
  35. <!--//////END RECENT VIDEOS PICTURE//////-->
  36.  
  37. <!--//////BEGIN VIDEOS EMBED CODE//////-->
  38. <TD>
  39.  
  40. <?PHP
  41.     include ("vplayer.php");
  42. ?>
  43.  
  44. </TD>
  45. <!--//////END VIDEOS EMBED CODE//////-->
  46.  
  47.     </TR></TABLE>
  48.     <TABLE WIDTH="1080"
  49. CELLSPACING="0" CELLPADDING="0" 
  50. BGCOLOR="#FF00FF"><TR>
  51.  
  52. <!--//////BEGIN RECENT IMAGE//////-->
  53. <TD><img width="1080" height="250" src="http://sentientprod.com/images/rotate13.png"></TD>
  54. <!--//////END RECENT IMAGE//////-->
  55.  
  56.     </TR>
  57.     <TR>
  58.  
  59. <!--//////BEGIN NEWS TITLES//////-->
  60. <TD><img width="1080" height="60" src="http://sentientprod.com/images/rotate13.png"></TD>
  61. <!--//////END NEWS TITLES//////-->
  62.  
  63.     </TR>
  64. </TABLE>
  65. </center>
Sep 20 '11 #1
Share this Question
Share on Google+
1 Reply


P: 2
And here is the rotation code:

Expand|Select|Wrap|Line Numbers
  1. <!--Coded by Bryboy, Sentient Productions, 2011.
  2.                         Enter any quotes or phrases here, 94 Character LIMIT-->
  3.  
  4.                         <!-- INSERT THIS CODE INTO NEW LINE
  5.                         image[number++] = ""
  6.                         INSERT ABOVE CODE INTO NEW LINE-->    
  7.  
  8.  
  9.     <div style="font-family: serif;
  10.                                 width: 130px;
  11.                                    word-wrap: break-word;
  12.  
  13.             font-style: italic;
  14.             color: #dbdada; 
  15.             font-size: 11pt;
  16.             line-height: 100%;
  17.             word-spacing: normal;
  18.             letter-spacing: normal;
  19.             text-decoration: none;
  20.             text-transform: none;
  21.             text-align: left;
  22.             text-indent: 0ex;
  23.         position:absolute;
  24.         left:295px;
  25.         top:72px;
  26.         z-index:3;">
  27.                             &quot;
  28.                         <SCRIPT language="Javascript"><!-- 
  29.                         function image() { }; 
  30.                         image = new image();
  31.                         number = 0; 
  32.                          // imageArray
  33.                         image[number++] = "Knowledge becomes evil if the aim be not virtuous"
  34.                         image[number++] = "All that is necessary for evil to succeed is that good men do nothing"
  35.                         image[number++] = "You don't know anything until you have experienced it"
  36.                         image[number++] = "No problem can be solved from the same level of consciousness that created it"
  37.                         image[number++] = "Any man who reads too much and uses his own brain too little falls into lazy habits of thinking"
  38.                         image[number++] = "Sentience is beauty, complexity, compassion, intelligence..."
  39.                         image[number++] = "Anyone who trades liberty for security deserves neither liberty nor security"
  40.                         image[number++] = "An eye for an eye leaves everybody blind"
  41.                         image[number++] = "In doing something, do it with love or never do it at all"
  42.                         image[number++] = "First they ignore you. Then they laugh at you. Then they fight you. Then you win."
  43.                         increment = Math.floor(Math.random() * number);  document.write(image[increment]); 
  44.                         //-->
  45.                         </SCRIPT>
  46.                             &quot;
  47.                         </div>
  48.  
  49.                         <!-- INSERT THIS CODE INTO NEW LINE
  50.                         image[number++] = ""
  51.                         INSERT ABOVE CODE INTO NEW LINE-->    
  52.  
  53.  
  54.         <!--Coded by Bryboy, Sentient Productions, 2011.
  55.         PICTURES-->
  56.         <p class="rotate">
  57.         <SCRIPT language="Javascript"><!-- 
  58.         function image() { }; 
  59.         image = new image();
  60.         number = 0; 
  61.         // imageArray
  62.         image[number++] = "<img src='images/rotate1.png' border='0'>"
  63.         image[number++] = "<img src='images/rotate2.png' border='0'>"
  64.         image[number++] = "<img src='images/rotate3.png' border='0'>"
  65.         image[number++] = "<img src='images/rotate4.png' border='0'>"
  66.         image[number++] = "<img src='images/rotate5.png' border='0'>"
  67.         image[number++] = "<img src='images/rotate6.png' border='0'>"
  68.         image[number++] = "<img src='images/rotate7.png' border='0'>"
  69.         image[number++] = "<img src='images/rotate8.png' border='0'>"
  70.         image[number++] = "<img src='images/rotate9.png' border='0'>"
  71.         image[number++] = "<img src='images/rotate10.png' border='0'>"
  72.         image[number++] = "<img src='images/rotate11.png' border='0'>"
  73.         image[number++] = "<img src='images/rotate12.png' border='0'>"
  74.         image[number++] = "<img src='images/rotate13.png' border='0'>"
  75.         image[number++] = "<img src='images/rotate14.png' border='0'>"
  76.         increment = Math.floor(Math.random() * number);  document.write(image[increment]); 
  77.         //-->
  78.         </SCRIPT>
  79.         </p>
Sep 20 '11 #2

Post your reply

Sign in to post your reply or Sign up for a free account.