Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Stopping cells and tables stretching when importing imgs & SWF's

Status
Not open for further replies.
Dipesh21

Dipesh21

Technical User
Dec 16, 2003
18
GB
I have created a table which then centred. I then added different cells within this table so when you view the site it will always remain centred on the screen.

I have then put images within each cell as backgrounds, so it all ends up creating one image like a mosiac. The problem is when I add a pop up menu or a shockwave movie of the same size as the cell, it seems to stretch it and therefore distort my overall look of the image/webpage.

What can I do to stop this from happening? I have seen this done before so it can be done but I don't know how. Is there any way of stopping the cells from moving about or is there a way of doing what I want easily.
 
Sort by date Sort by votes
cany you let us see the code you are using?

[Peace][Pipe]
 
Upvote 0 Downvote
I've just solved the problem about adding the Shockwave file, however my new problem lies using the pop up menu. It works fine in Fireworks, it works fine in dreamweaver as a seperate html file but when I insert it into the cell everything shifts to the right by one pixel (including to popup menu) and comes in as broken links as well as the pop ups not working.

Cheers for the reply and if you can help on this it would be most appreciated.

By the way my pop up menu is in a seperate foleder to the template i am trying to insert it into could this solve the broken link issue?
 
Upvote 0 Downvote
Code is king. without trying to sound sarcastic you wouldnt ask a mechanic what was wrong with your car without him seeing it.

Copy & Paste the page code here and we can see if we can help

Cheech

[Peace][Pipe]
 
Upvote 0 Downvote
The site is offline so lets see if this helps. Just to let you know what the problem is. I can now place the menu in the right cell because i've moved the template page into the same folder as the pop up menu. The problem is the menu doesn't pop up and it shifts one pixel to the right and one down even though it is the same size as the cell its placed in.

Here's the code!
</script>
<script language=&quot;JavaScript1.2&quot; src=&quot;../Menu/Menu/mm_menu.js&quot;></script>
<!-- inserted from Fireworks -->
<!-- inserted from Fireworks -->
<!-- inserted from Fireworks -->
<!-- inserted from Fireworks -->
<!-- inserted from Fireworks -->
<!-- inserted from Fireworks -->
</head>

<body onLoad=&quot;MM_preloadImages('background%20pop%20up_r8_c3_f2.gif','background%20pop%20up_r10_c2_f3.gif','background%20pop%20up_r10_c2_f2.gif','background%20pop%20up_r10_c2_f4.gif','background%20pop%20up_r12_c2_f3.gif','background%20pop%20up_r12_c2_f2.gif','background%20pop%20up_r12_c2_f4.gif','background%20pop%20up_r14_c4_f3.gif','background%20pop%20up_r14_c4_f2.gif','background%20pop%20up_r14_c4_f4.gif')&quot;>
<div align=&quot;center&quot;>
<table width=&quot;700&quot; height=&quot;800&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<!--DWLayoutTable-->
<tr>
<td width=&quot;136&quot; height=&quot;96&quot; valign=&quot;top&quot; background=&quot;../Background Image/background-image_r1_c1.gif&quot;><object classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; codebase=&quot; width=&quot;136&quot; height=&quot;96&quot;>
<param name=&quot;movie&quot; value=&quot;../Logo%20animation/Logo%20animation.swf&quot;>
<param name=&quot;quality&quot; value=&quot;high&quot;>
<embed src=&quot;../Logo%20animation/Logo%20animation.swf&quot; quality=&quot;high&quot; pluginspage=&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;136&quot; height=&quot;96&quot;></embed></object></td>
<td width=&quot;315&quot; valign=&quot;top&quot; background=&quot;../Background Image/background-image_r1_c2.gif&quot;><!--DWLayoutEmptyCell-->&nbsp;</td>
<td colspan=&quot;2&quot; valign=&quot;top&quot; background=&quot;../Background Image/background-image_r1_c3.gif&quot;><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td rowspan=&quot;2&quot; valign=&quot;top&quot; background=&quot;../Background Image/background-image_r2_c1.gif&quot;>
<!--The following section is an HTML table which reassembles the sliced image in a browser.-->
<!--Copy the table section including the opening and closing table tags, and paste the data where-->
<!--you want the reassembled image to appear in the destination document. -->
<!--======================== BEGIN COPYING THE HTML HERE ==========================-->
<script language=&quot;JavaScript1.2&quot;>mmLoadMenus();</script> <table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;136&quot;>
<!-- fwtable fwsrc=&quot;background pop up.png&quot; fwbase=&quot;background pop up.gif&quot; fwstyle=&quot;Dreamweaver&quot; fwdocid = &quot;742308039&quot; fwnested=&quot;0&quot; -->
<tr>
<!-- Shim row, height 1. -->
<td><img src=&quot;spacer.gif&quot; width=&quot;13&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;42&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;19&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;5&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;25&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;3&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;6&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;20&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 1 -->
<td colspan=&quot;11&quot;><img name=&quot;background20pop20up_r1_c1&quot; src=&quot;background%20pop%20up_r1_c1.gif&quot; width=&quot;136&quot; height=&quot;82&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;82&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 2 -->
<td rowspan=&quot;8&quot; colspan=&quot;2&quot;><img name=&quot;background20pop20up_r2_c1&quot; src=&quot;background%20pop%20up_r2_c1.gif&quot; width=&quot;14&quot; height=&quot;120&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td colspan=&quot;8&quot;><a href=&quot;#&quot; onMouseOut=&quot;MM_startTimeout();&quot; onMouseOver=&quot;MM_showMenu(window.mm_menu_0106091604_0,120,0,null,'background20pop20up_r2_c3');&quot;><img name=&quot;background20pop20up_r2_c3&quot; src=&quot;background%20pop%20up_r2_c3.jpg&quot; width=&quot;102&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></a></td>
<td rowspan=&quot;14&quot;><img name=&quot;background20pop20up_r2_c11&quot; src=&quot;background%20pop%20up_r2_c11.gif&quot; width=&quot;20&quot; height=&quot;622&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 3 -->
<td colspan=&quot;8&quot;><img name=&quot;background20pop20up_r3_c3&quot; src=&quot;background%20pop%20up_r3_c3.gif&quot; width=&quot;102&quot; height=&quot;22&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;22&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 4 -->
<td colspan=&quot;6&quot;><a href=&quot;#&quot; onMouseOut=&quot;MM_startTimeout();&quot; onMouseOver=&quot;MM_showMenu(window.mm_menu_0106093010_1,120,0,null,'background20pop20up_r4_c3');&quot;><img name=&quot;background20pop20up_r4_c3&quot; src=&quot;background%20pop%20up_r4_c3.gif&quot; width=&quot;93&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></a></td>
<td rowspan=&quot;4&quot; colspan=&quot;2&quot;><img name=&quot;background20pop20up_r4_c9&quot; src=&quot;background%20pop%20up_r4_c9.gif&quot; width=&quot;9&quot; height=&quot;60&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 5 -->
<td colspan=&quot;6&quot;><img name=&quot;background20pop20up_r5_c3&quot; src=&quot;background%20pop%20up_r5_c3.gif&quot; width=&quot;93&quot; height=&quot;22&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;22&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 6 -->
<td colspan=&quot;3&quot;><a href=&quot;#&quot; onMouseOut=&quot;MM_startTimeout();&quot; onMouseOver=&quot;MM_showMenu(window.mm_menu_0106093254_2,120,0,null,'background20pop20up_r6_c3');&quot;><img name=&quot;background20pop20up_r6_c3&quot; src=&quot;background%20pop%20up_r6_c3.gif&quot; width=&quot;62&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></a></td>
<td rowspan=&quot;2&quot; colspan=&quot;3&quot;><img name=&quot;background20pop20up_r6_c6&quot; src=&quot;background%20pop%20up_r6_c6.gif&quot; width=&quot;31&quot; height=&quot;30&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 7 -->
<td colspan=&quot;3&quot;><img name=&quot;background20pop20up_r7_c3&quot; src=&quot;background%20pop%20up_r7_c3.gif&quot; width=&quot;62&quot; height=&quot;22&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;22&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 8 -->
<td colspan=&quot;7&quot;><a href=&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage('background20pop20up_r8_c3','','background%20pop%20up_r8_c3_f2.gif',1);&quot;><img name=&quot;background20pop20up_r8_c3&quot; src=&quot;background%20pop%20up_r8_c3.gif&quot; width=&quot;96&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></a></td>
<td rowspan=&quot;8&quot;><img name=&quot;background20pop20up_r8_c10&quot; src=&quot;background%20pop%20up_r8_c10.gif&quot; width=&quot;6&quot; height=&quot;532&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 9 -->
<td colspan=&quot;7&quot;><img name=&quot;background20pop20up_r9_c3&quot; src=&quot;background%20pop%20up_r9_c3.gif&quot; width=&quot;96&quot; height=&quot;22&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;22&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 10 -->
<td rowspan=&quot;6&quot;><img name=&quot;background20pop20up_r10_c1&quot; src=&quot;background%20pop%20up_r10_c1.gif&quot; width=&quot;13&quot; height=&quot;502&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td colspan=&quot;5&quot;><a href=&quot; target=&quot;_top&quot; onClick=&quot;MM_nbGroup('down','navbar1','background20pop20up_r10_c2','background%20pop%20up_r10_c2_f3.gif',1);&quot; onMouseOver=&quot;MM_nbGroup('over','background20pop20up_r10_c2','background%20pop%20up_r10_c2_f2.gif','background%20pop%20up_r10_c2_f4.gif',1);&quot; onMouseOut=&quot;MM_nbGroup('out');&quot;><img name=&quot;background20pop20up_r10_c2&quot; src=&quot;background%20pop%20up_r10_c2.gif&quot; width=&quot;68&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></a></td>
<td rowspan=&quot;2&quot; colspan=&quot;3&quot;><img name=&quot;background20pop20up_r10_c7&quot; src=&quot;background%20pop%20up_r10_c7.gif&quot; width=&quot;29&quot; height=&quot;30&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 11 -->
<td colspan=&quot;5&quot;><img name=&quot;background20pop20up_r11_c2&quot; src=&quot;background%20pop%20up_r11_c2.gif&quot; width=&quot;68&quot; height=&quot;22&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;22&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 12 -->
<td colspan=&quot;6&quot;><a href=&quot; target=&quot;_top&quot; onClick=&quot;MM_nbGroup('down','navbar1','background20pop20up_r12_c2','background%20pop%20up_r12_c2_f3.gif',1);&quot; onMouseOver=&quot;MM_nbGroup('over','background20pop20up_r12_c2','background%20pop%20up_r12_c2_f2.gif','background%20pop%20up_r12_c2_f4.gif',1);&quot; onMouseOut=&quot;MM_nbGroup('out');&quot;><img name=&quot;background20pop20up_r12_c2&quot; src=&quot;background%20pop%20up_r12_c2.gif&quot; width=&quot;93&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></a></td>
<td rowspan=&quot;4&quot; colspan=&quot;2&quot;><img name=&quot;background20pop20up_r12_c8&quot; src=&quot;background%20pop%20up_r12_c8.gif&quot; width=&quot;4&quot; height=&quot;472&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 13 -->
<td colspan=&quot;6&quot;><img name=&quot;background20pop20up_r13_c2&quot; src=&quot;background%20pop%20up_r13_c2.gif&quot; width=&quot;93&quot; height=&quot;22&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;22&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 14 -->
<td rowspan=&quot;2&quot; colspan=&quot;2&quot;><img name=&quot;background20pop20up_r14_c2&quot; src=&quot;background%20pop%20up_r14_c2.gif&quot; width=&quot;2&quot; height=&quot;442&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><a href=&quot; target=&quot;_top&quot; onClick=&quot;MM_nbGroup('down','navbar1','background20pop20up_r14_c4','background%20pop%20up_r14_c4_f3.gif',1);&quot; onMouseOver=&quot;MM_nbGroup('over','background20pop20up_r14_c4','background%20pop%20up_r14_c4_f2.gif','background%20pop%20up_r14_c4_f4.gif',1);&quot; onMouseOut=&quot;MM_nbGroup('out');&quot;><img name=&quot;background20pop20up_r14_c4&quot; src=&quot;background%20pop%20up_r14_c4.gif&quot; width=&quot;42&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></a></td>
<td rowspan=&quot;2&quot; colspan=&quot;3&quot;><img name=&quot;background20pop20up_r14_c5&quot; src=&quot;background%20pop%20up_r14_c5.gif&quot; width=&quot;49&quot; height=&quot;442&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;8&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<!-- row 15 -->
<td><img name=&quot;background20pop20up_r15_c4&quot; src=&quot;background%20pop%20up_r15_c4.gif&quot; width=&quot;42&quot; height=&quot;434&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td><img src=&quot;spacer.gif&quot; width=&quot;1&quot; height=&quot;434&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<!-- This table was automatically created with Macromedia Fireworks -->
<!-- -->
</table>
<!--========================= STOP COPYING THE HTML HERE =========================-->
</td>
<td height=&quot;27&quot; colspan=&quot;2&quot; valign=&quot;top&quot; background=&quot;../Background Image/background-image_r2_c2.gif&quot;><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width=&quot;111&quot; rowspan=&quot;2&quot; valign=&quot;top&quot; background=&quot;../Background Image/background-image_r2_c4.gif&quot;><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td height=&quot;677&quot; colspan=&quot;2&quot; valign=&quot;top&quot; background=&quot;../Background Image/background-image_r3_c2.gif&quot;><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td height=&quot;1&quot;></td>
<td></td>
<td width=&quot;138&quot;></td>
<td></td>
</tr>
</table>
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

RosieGp
  • Locked
  • Question
How to read string of 0s and 1s 1
Replies
3
Views
463
LyndonOHRC
LyndonOHRC
HansKok
  • Locked
  • Question
Error after only changing text and not codes
Replies
0
Views
387
HansKok
HansKok
MDEJAKE
  • Locked
  • Question
autosuggest (cfc and jquery) help
Replies
0
Views
156
MDEJAKE
MDEJAKE
oshinwa
  • Locked
  • Question
Which Call collector should I use and which one is compatible with my Ericsson BP250?
Replies
0
Views
410
oshinwa
oshinwa
Kjonnnn
  • Locked
  • Question
What is is called when you end a domain with a folder name.
Replies
2
Views
131
Kjonnnn
Kjonnnn

Part and Inventory Search

Sponsor

Back
Top