PDA

View Full Version : Can't Align SWF to the top of a cell in Dreamweaver CS3



Gazzbrooker
Jul 14th, 2010, 05:32 PM
I'm having trouble aligning an SWF to the top of a cell I have made.
http://www.garybrookerdesign.com/test.html
It's fine until I make the cell to the right of it bigger.
I think this is the code for it that i'm using...


AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','181','height','395','align','top','src','Flash/Menu','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Flash/Menu' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="181" height="395" align="top">
<param name="movie" value="Flash/Menu.swf" />
<param name="quality" value="high" />
<embed src="Flash/Menu.swf" width="181" height="395" align="top" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</noscript></td>
<td width="703"><p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div align="center"></div>
</body>
</html>

any help or a change of the code will be much appreciated.
Thank You

skywalker2208
Jul 14th, 2010, 05:41 PM
Add the below css to the table cell with the SWF.




vertical-align: top;

Gazzbrooker
Jul 15th, 2010, 06:53 PM
Still no change. I'm new to coding, wish this part would be a lot simpler.
Been days now. As soon as I crack this I can begin to build the site.
Thanks for trying tho

VIPStephan
Jul 15th, 2010, 06:58 PM
Where did you write the code that was proposed to you? Writing td {vertical-align: top;} in your stylesheet should align the content of all table cells to the top.

On another note: Using tables to create a page layout is bad, bad, bad! Please do it properly right away and go with semantic HTML (http://en.wikipedia.org/wiki/Semantic_HTML) and CSS – and read why 99% of Flash is bad (http://www.useit.com/alertbox/20001029.html).

skywalker2208
Jul 15th, 2010, 07:40 PM
Still no change. I'm new to coding, wish this part would be a lot simpler.
Been days now. As soon as I crack this I can begin to build the site.
Thanks for trying tho

If you are using dreamweaver in design view then I would tell you to stop and start using code view and understand how it works and not let dreamweaver do the work for you.

Gazzbrooker
Jul 15th, 2010, 11:57 PM
so where do I copy and paste that into this code?
I will take the time to learn this properly but for now I just need to get this done.

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','181','height','395','align','top','src','Flash/Menu','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Flash/Menu' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="181" height="395" align="top">
<param name="movie" value="Flash/Menu.swf" />
<param name="quality" value="high" />
<embed src="Flash/Menu.swf" width="181" height="395" align="top" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</noscript></td>
<td width="703"><p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div align="center"></div>
</body>
</html>

thank you all again

skywalker2208
Jul 16th, 2010, 12:29 AM
What VIPStephan posted needs to go with your css.

Gazzbrooker
Jul 16th, 2010, 12:52 AM
OK i'm going to learn how to do that now

VIPStephan
Jul 16th, 2010, 12:56 AM
Create a new CSS rule (there is a side panel for that if you’re not confident with code view) and set the vertical alignment to “top” for the td tag/element. If you’re a daring guy then go into code view and paste the code I gave earlier between the <style></style> tags.

Gazzbrooker
Jul 16th, 2010, 01:05 AM
Marvelous, thank you so much. I've been using Dreamweaver for 6 days now and will learn how to use the code.
Thanks again