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

Embedding into a DIV table.

P: 1
I've been playing around with DIV tables in myspace to better learn how to rewrite my own code for my business site without having to pay someone to design it. I've tried embedding a slideshow into a div table and after I save it I noticed that the slideshow does not show up and the embed code I added is altered. Can anyone help me figure this out?


The embed code that I'm talking about is three quarters down the code page under {PHOTOS}, I've included the original embed code but what it looks like after is: object type="application/x-shockwave-flash" data="http://widget-30.slide.com/widgets/slideticker.swf" height="180" width="310".....


Expand|Select|Wrap|Line Numbers
  1. <style>embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style>
  2.  
  3. <style> 
  4. table, table td {background-color:transparent;}
  5. table table table {visibility:hidden;}
  6. table table table div table {visibility:hidden;}
  7. .comt table table table {visibility:visible;}
  8. table div div, table tr td div font a {visibility:hidden;}
  9. table div .content {visibility:visible;}
  10. .span, .orangetext15 {display:none;}
  11.  
  12.  
  13.  
  14. {body}
  15. body { border-width:0px; border-style:solid; border-color:000000; background-color:000000;background-image:url('http://farm1.static.flickr.com/165/420667864_1b5436e111_o.jpg'); background-attachment:fixed; background-position:top center; background-repeat:no-repeat;}
  16. body {scrollbar-face-color:000000; scrollbar-highlight-color:000000; scrollbar-3dlight-color:000000; scrollbar-shadow-color:000000; scrollbar-darkshadow-color:000000; scrollbar-arrow-color:ff0080; scrollbar-track-color:000000;}
  17.  
  18.  
  19. {text}
  20. div, font, input, textarea, td{font-family:century gothic !important;font-size:9pt !important;font-variant: small-caps !important;
  21. color: 000000;}
  22.  
  23.  
  24. .blacktext10 {color:000000; font-size:9pt;}
  25. a:active, a:visited, a:link {color:000000; font-size:10pt;}
  26. a:hover {color:000000}
  27. a.navbar:active, a.navbar:visited, a.navbar:link {color:000000; font-size:9px;}
  28.  
  29. u{font-family:century gothic;font-size:9px;color:ff0080;font-weight:bold;text-decoration:underline;letter-spacing:0px;font-variant: small-caps ;border-bottom-color:9f270f;letter-spacing:0px;}
  30. b{font-family:century gothic;font-size:15px;font-weight:bold;text-decoration:;letter-spacing:0px;font-variant: small-caps;} 
  31. h3{font-family:century gothic;font-size:15px;font-weight:bold;font-variant: small-caps;
  32.  
  33.                                          {TABLE PROPERTIES}
  34.  
  35. {divs}
  36. .quote, {background-color:FFFFFF;);background-image:url('');background-attachment:fixed; background-position:center; background-repeat:no-repeat; position:absolute; left:50%; top:0%; visibility:visible; border-width:1px; border-style:solid; border-color:9f270f; overflow:auto;}
  37.  
  38.  
  39. {divs}
  40. .nav1, .music, .comtbox, .comt, .friends, .nav2, .about, .photos {background-color:FFFFFF; filter:alpha(opacity=30);background-image:url('');background-attachment:fixed; background-position:center; background-repeat:no-repeat; position:absolute; left:50%; top:0%; visibility:visible; border-width:1px; border-style:solid; border-color:9f270f; overflow:auto;}
  41.  
  42.  
  43. {divs}
  44. .quotetext, .nav1text, .musictext, .comtbox, .friendstext, .nav2text, .abouttext{ background-image:url('');background-attachment:fixed; background-position:center; background-repeat:no-repeat; position:absolute; left:50%; top:0%; visibility:visible; border-width:1px; border-style:solid; border-color:9f270f; overflow:auto;}
  45.  
  46.  
  47. {divs}
  48. .photostext { background-image:url('');background-attachment:fixed; background-position:center; background-repeat:no-repeat; position:absolute; left:50%; top:0%; visibility:visible; border-width:1px; border-style:solid; border-color:9f270f; overflow:none;}
  49.  
  50.  
  51.  
  52.                                                {TABLE SIZE}
  53.  
  54. .content {padding:3px;}
  55. .quote {width:950px; height:50px;
  56. margin-left:-475px; margin-top:130px;}
  57. .nav1 {width:310px; height:120px;
  58. margin-left:-475px; margin-top:190px;}
  59. .music {width:310px; height:120px;
  60. margin-left:-155px; margin-top:190px;}
  61. .nav2 {width:310px; height:120px;
  62. margin-left:165px; margin-top:190px;}
  63. .photos {width:310px; height:200px;
  64. margin-left:-475px; margin-top:320px;}
  65. .friends {width:310px; height:300px;
  66. margin-left:-475px; margin-top:530px;}
  67. .about {width:630px; height:510px;
  68. margin-left:-155px; margin-top:320px;}
  69. .comtbox {width:310px; height:190px;
  70. margin-left:-475px; margin-top:840px;}
  71. .comt {width:630px; height:190px;
  72. margin-left:-155px; margin-top:840px;}
  73.  
  74. .quotetext {width:950px; height:50px;
  75. margin-left:-475px; margin-top:130px;}
  76. .nav1text {width:310px; height:120px;
  77. margin-left:-475px; margin-top:190px;}
  78. .musictext {width:310px; height:120px;
  79. margin-left:-155px; margin-top:190px;}
  80. .nav2text {width:310px; height:120px;
  81. margin-left:165px; margin-top:190px;}
  82. .photostext {width:310px; height:200px;
  83. margin-left:-475px; margin-top:320px;}
  84. .friendstext {width:310px; height:300px;
  85. margin-left:-475px; margin-top:530px;}
  86. .abouttext {width:630px; height:510px;
  87. margin-left:-155px; margin-top:320px;}
  88. .comtbox {width:310px; height:190px;
  89. margin-left:-475px; margin-top:840px;}
  90. .comttext {width:630px; height:190px;
  91. margin-left:-155px; margin-top:840px;}
  92.  
  93.  
  94.  
  95.  
  96.  
  97. {friends and comments}
  98.  
  99. .comt a img {width:90px;}
  100. .comt td, .comt table{width:0px!important; height:0px!important; background-color:white!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .redlink, .comt .btext, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;} 
  101. .comt table, .comt b {position:relative; top:-39px; _top:-30px;}
  102. .comt td b{display:none;} 
  103.  
  104.  
  105. </style>
  106.  
  107. {linked images}
  108. a img {border-width:0px; border-color:"ffffff";}
  109. </style>
  110.  
  111.                                         {TABLE BACKGROUNDS}
  112.  
  113. <div class="quote">
  114. <div class=content align=center>
  115. </div></div>
  116. <div class=nav1>
  117. <div class=content align=left>
  118. </div></div>
  119. <div class=music>
  120. <div class=content align=center>
  121. </div></div>
  122. <div class=nav2>
  123. <div class=content>
  124. </div></div>
  125. <div class=photos>
  126. <div class=content align=center>
  127. </div></div>
  128. <div class=friends>
  129. <div class=content align=center>
  130. </div>
  131. </div>
  132. <div class=about>
  133. <div class=content align=center>
  134. </div>
  135. </div>
  136.  
  137. <div class=comtbox>
  138. <div class=content align=center>
  139. <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="32612690" type="hidden"> <textarea name="f_comments" class="Skem9box"></textarea><br/><input type="submit" value="Sendin' Some Love" class="Skem9sub"></form>
  140.  
  141. <style type="text/css">
  142. textarea.Skem9box {width:250px; height:110px;color:b5f300;font-size:9pt;font-family:Franklin Gothic Medium; font-color:ff0080;  background-color:000000; border-color:ffffff; border-style:solid; border-width:2px;}
  143. input.Skem9sub {color:42d7ff;font-size:9pt;font-family:Franklin Gothic Medium;background-color:000000;border-color:ffffff; border-style:solid; border-width:2px;} 
  144. </style>
  145. </div>
  146. </div>
  147.  
  148. <div class=comt>
  149. </div>
  150.  
  151.                                               {TEXT BOXES}
  152.                                               {QUOTE BOX}
  153.  
  154. <div class="quotetext">
  155. <div class=content align=center>
  156. Hi! I'm obviously redoing my page and it's going to take a little time to finish so bear with me :)<br>&hearts; Lindsey
  157. </div></div>
  158.  
  159.                                                {NAVIGATION}
  160.  
  161. <div class=nav1text>
  162. <div class=content align=left>
  163. <center><font size= 5><b>Navigation</font><br><br>
  164.  
  165.  
  166.  
  167. </center>
  168. </div></div>
  169.  
  170.                                                     {MUSIC}
  171.  
  172. <div class=musictext>
  173. <div class=content align=center>
  174. <font size= 5><b>Music I Love</b></font><br>
  175. <img src="http://www.hiddencityrecords.com/equalizer.gif"><font-family:georgia; size= "2">
  176. Now Playing: 
  177. <img src="http://www.hiddencityrecords.com/equalizer.gif">
  178. <br>Movin To You - Michael Logen
  179. </font>
  180. <br><br>
  181.  
  182. </div></div>
  183.  
  184.                                                  {MY LINKS}
  185.  
  186. <div class=nav2text>
  187. <div class=content>
  188. <center><font size= 5><b>My Links</b></font><br><br>
  189.  
  190. </div></div>
  191.  
  192.                                                    {PHOTOS}
  193.  
  194. <div class=photostext>
  195. <div class=content>
  196. <div><embed src="http://widget-30.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=un&il=1&channel=72057594047800624&site=widget-30.slide.com" width="310" height="180" name="flashticker" align="middle"></embed><div style="width:310px;text-align:left;"><a href="http://www.slide.com/pivot?ad=1&tt=1&sk=0&cy=un&th=23&id=72057594047800624&map=1" target="_blank"><img src="http://widget-30.slide.com/p1/72057594047800624/un_t001_v000_a001_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?ad=1&tt=1&sk=0&cy=un&th=23&id=72057594047800624&map=2" target="_blank"><img src="http://widget-30.slide.com/p2/72057594047800624/un_t001_v000_a001_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></div></div>
  197.  
  198. </div></div>
  199.  
  200.                                                   {FRIENDS}
  201.  
  202. <div class=friendstext>
  203. <div class=content align=center>
  204.  
  205. </div>
  206. </div>
  207.  
  208.                                                  {ABOUT ME}
  209.  
  210. <div class=abouttext>
  211. <div class=content align=center>
  212.  
  213. </div>
  214. </div>
  215.  
  216. </style>
  217.  
  218.  
  219.  
  220. <style>td td object {position:absolute; left:665px; top:390px;}</style>
  221.  
  222. </style>
  223. <div class="comt"><table class="rid"><tr><td><table>
Mar 28 '07 #1
Share this Question
Share on Google+
1 Reply


KevinADC
Expert 2.5K+
P: 4,059
I doubt anyone is going to slog through all that code mate. Practicing CSS on mypace sounds silly anyway, just use an html or text editor and your own browser on your local PC to practice html/css.
Mar 29 '07 #2

Post your reply

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