473,490 Members | 2,703 Online
Bytes | Software Development & Data Engineering Community
Create Post

Home Posts Topics Members FAQ

swf file won't fit in css layout

13 New Member
Hello,
I designed my home page in css and am replacing one of the images with a swf. It's the same dimensions as the jpg, I put no borders, but it still expands the space of the swf somehow and shifts over the other divs. Any help would be greatly appreciated

Expand|Select|Wrap|Line Numbers
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <title>Professional Graphic Designer for Print, Web and custom wedding album</title>
  7. <link href="css/kcg-layout.css" rel="stylesheet" type="text/css" />
  8. <style type="text/css">
  9. <!--
  10. body {
  11.     background-image: url(images/home-background.jpg);
  12.     background-repeat: repeat-x;
  13. }
  14. -->
  15. </style>
  16.  
  17. <link rel="stylesheet" type="text/css" href="pro_dropdown_2/pro_dropdown_2.css" />
  18.  
  19. <script src="pro_dropdown_2/stuHover.js" type="text/javascript"></script>
  20. <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
  21. <style type="text/css">
  22. <!--
  23. .rt_col_header {
  24.     color: #3B2F95;
  25.     font-family: Arial, Helvetica, sans-serif;
  26.     font-size: 24px;
  27.     font-style: normal;
  28. }
  29. .body-rt_col {
  30.     color: #3B2F95;
  31.     font-family: Arial, Helvetica, sans-serif;
  32.     font-size: 12px;
  33. }
  34. a:link {
  35.     color: #493D92;
  36.     text-decoration: none;
  37. }
  38. a:visited {
  39.     text-decoration: none;
  40. }
  41. a:hover {
  42.     text-decoration: underline;
  43. }
  44. a:active {
  45.     text-decoration: none;
  46. }
  47. .footer {color: #000000}
  48. .home-subhead {font-size: 22px; font-family: "Times New Roman", Times, serif; font-style: italic; color: #3B2F95; }
  49. .home-header {
  50.     font-size: 30px;
  51.     font-family: "Times New Roman", Times, serif;
  52.     font-style: italic;
  53.     color: #3B2F95;
  54.     font-weight: bold;
  55. }
  56. .style1 {font-size: 14px}
  57. .bodytext {    font-size: 14px;
  58.     font-family: Arial, Helvetica, sans-serif;
  59.     font-weight: normal;
  60.     color: #000000;
  61. }
  62. -->
  63. </style>
  64. <meta name="description" content="Be crystal clear with this graphic designer when you need to create a logo, website or advertising materials. She also will design your custom wedding album." />
  65. <meta name="Keywords" content="design, create, graphic designer, marketing plan, graphic design company, designer, professional, logo, print, creative, crystal clear, website, need, advertising materials, custom, wedding album" />
  66. <script type="text/javascript">
  67.  
  68.   var _gaq = _gaq || [];
  69.   _gaq.push(['_setAccount', 'UA-21181406-2']);
  70.   _gaq.push(['_trackPageview']);
  71.  
  72.   (function() {
  73.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  74.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  75.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  76.   })();
  77.  
  78. </script>
  79. <link href="home-text-styles.css" rel="stylesheet" type="text/css" />
  80. <style type="text/css">
  81. <!--
  82. .bodytext1 {    font-size: 14px;
  83.     font-family: Arial, Helvetica, sans-serif;
  84.     font-weight: normal;
  85.     color: #000000;
  86.     text-align: left;
  87. }
  88. -->
  89. </style>
  90. </head>
  91.  
  92. <body>
  93. <div id="outer">
  94.   <div id="tophalf">
  95.     <div id="col1">
  96.       <div id="col1row1"><img src="images/kristal_clear_graphics_logo.jpg" alt="Kristal Clear Graphics" width="296" height="176" /><img src="images/home-dtwa1.jpg" width="450" height="176" border="0" usemap="#dtwa" />
  97. <map name="dtwa" id="dtwa">
  98.   <area shape="rect" coords="113,13,349,129" href="designers_touch_wedding_albums.html" />
  99. <area shape="rect" coords="13,76,68,138" href="gallery_photo_manipulation.html" alt="Photo Manipulation &amp; Editing" />
  100. <area shape="rect" coords="365,89,405,133" href="gallery_photo_manipulation.html" alt="Photo Manipulation &amp; Editing" />
  101. </map>
  102. </div>
  103.       <div id="col1row2"><img src="images/kristal_clear_graphics_slogan.jpg" alt="Offering Creative Services for Print, Web and BeyondOffering Creative Services for Print, Web and Beyond" width="296" height="207" border="0" />
  104.         <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="261" height="207" hspace="0" vspace="0" id="FlashID" title="graphic design services">
  105.           <param name="movie" value="images/laptop-movie.swf" />
  106.           <param name="quality" value="high" />
  107.           <param name="wmode" value="opaque" />
  108.           <param name="swfversion" value="6.0.65.0" />
  109.           <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
  110.           <param name="expressinstall" value="Scripts/expressInstall.swf" />
  111.           <param name="SCALE" value="noborder" />
  112.           <param name="LOOP" value="false" />
  113.           <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
  114.           <!--[if !IE]>-->
  115.           <object data="images/laptop-movie.swf" type="application/x-shockwave-flash" width="261" height="207" hspace="0" vspace="0">
  116.             <!--<![endif]-->
  117.             <param name="quality" value="high" />
  118.             <param name="wmode" value="opaque" />
  119.             <param name="swfversion" value="6.0.65.0" />
  120.             <param name="expressinstall" value="Scripts/expressInstall.swf" />
  121.             <param name="SCALE" value="noborder" />
  122.             <param name="LOOP" value="false" />
  123.             <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
  124.             <div>
  125.               <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
  126.               <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
  127.             </div>
  128.             <!--[if !IE]>-->
  129.           </object>
  130.           <!--<![endif]-->
  131.         </object>
  132.         <img src="images/home-multi-page1.jpg" alt="multiple page document" width="189" height="207" border="0" usemap="#multipage" />
  133. <map name="multipage" id="multipage">
  134.   <area shape="poly" coords="36,8" href="#" /><area shape="rect" coords="28,9,180,188" href="gallery_print_design.html" alt="Print Design for Multi-page Documents" />
  135. </map></div>
  136.     </div>
  137.     <div id="col2"><img src="images/home-bullboard1.jpg" border="0" usemap="#printdesign" />
  138. <map name="printdesign" id="printdesign">
  139.   <area shape="rect" coords="82,272,123,328" href="gallery_photo_manipulation.html" alt="Photo Manipulation &amp; Editing" />
  140. <area shape="rect" coords="8,0,221,233" href="gallery_print_design.html" alt="Print Design" />
  141. </map></div>
  142. <div id="mid-navbar"> <span class="preload1"></span> <span class="preload2"></span>
  143.         <ul id="nav">
  144.           <li class="top"><a href="index.html" class="top_link"><span>Home</span></a></li>
  145.           <li class="top"><a href="about_kristal_clear_graphics.html" id="products" class="top_link"><span>About</span></a></li>
  146.         <li class="top"><a href="gallery.html" id="services" class="top_link"><span class="down">Gallery</span></a>
  147.               <ul class="sub">
  148.                 <li><a href="http://bytes.com/submit/gallery_print_design.html">Print Design</a></li>
  149.                 <li><a href="http://bytes.com/submit/gallery_web_design.html">Web Design</a></li>
  150.                 <li><a href="http://bytes.com/submit/gallery_full_campaign.html">Full Campaign Design</a></li>
  151.                 <li><a href="http://bytes.com/submit/gallery_album_design.html">Designer's Touch Collection</a></li>
  152.                 <li><a href="http://bytes.com/submit/gallery_photo_editing.html">Photo Editing</a></li>
  153.                 <li><a href="http://bytes.com/submit/gallery-more.html">More</a></li>
  154.               </ul>
  155.           </li>
  156. <li class="top"><a href="designers_touch_collection.html" id="contacts" class="top_link"><span class="down">Designer's Touch Collection</span></a>
  157.       <ul class="sub">
  158.             <li><a href="designers_touch_wedding_albums.html">Wedding Albums</a></li>
  159.             <li><a href="dtwa_album_styles.html">Album Styles</a></li>
  160.             <li><a href="gallery_album_design.html">Sample Album Gallery</a></li>
  161.             <li><a href="dtwa_more_products.html">More products</a></li>
  162.             <li><a href="registry.html">Wedding Album Gift Registry</a></li>
  163.           </ul>
  164.              </li>
  165.          <li class="top"><a href="http://bytes.com/submit/kristal-clear-graphics-media.html" id="shop" class="top_link"><span class="down">Media</span></a>
  166.               <ul class="sub">
  167.                 <li><a href="http://kristalcleargraphics.blogspot.com/" target="_blank">Blog </a></li>
  168.                 <li><a href="http://bytes.com/submit/news/kristal-clear-graphics-news.html">Kristal Clear Graphics In the News</a></li>
  169.                  <li><a href="http://bytes.com/submit/kcg_newsletter_sign-up.html">Quarterly Newsletters</a></li>
  170.               </ul>
  171.           </li>
  172.           <li class="top"><a href="http://bytes.com/submit/kcg_testimonials_praise.html" id="privacy" class="top_link"><span>Praise</span></a></li>
  173.           <li class="top"><a href="http://bytes.com/submit/kristal_clear_dance_steps.html" id="shop" class="top_link"><span class="down">Dance</span></a>
  174.               <ul class="sub">
  175.                 <li><a href="http://bytes.com/submit/dance_steps_video.html">Surprise Dance Video</a></li>
  176.                 <li><a href="http://bytes.com/submit/dance_custom_packages.html">Custom Packages</a></li>
  177.               </ul>
  178.           </li>
  179.            <li class="top"><a href="http://bytes.com/submit/contact_kristal_clear_graphics.html" id="shop" class="top_link"><span class="down">Contact</span></a>
  180.               <ul class="sub">
  181.                 <li><a href="http://bytes.com/submit/contact_kristal_clear_graphics.html">Contact Kristal Clear Graphics</a></li>
  182.                 <li><a href="http://bytes.com/submit/kcg_social_media_links.html">Social Media Links</a></li>
  183.                 <li><a href="http://bytes.com/submit/kcg_network.html">KCG Network</a></li>
  184.               </ul>
  185.           </li>
  186.         </ul>
  187.     </div>
  188.   </div>
  189.  
  190.   <div id="bottom_half">
  191.       <div id="btm-rt_col">
  192.         <div id="body_rt_col">
  193.         <h1 class="body-rt_col"><a href="registry.html"><img src="images/register-button.png" alt="Register Here for your Designer's Touch Wedding Album" width="273" height="243" border="0" /></a><br />
  194.           <br />
  195.         </h1>
  196.         <hr />
  197.         <h1 class="rt_col_header"><span class="home-subhead"><img src="images/news-icon.jpg" alt="" width="128" height="125" align="right" /></span>Kristal Clear Graphics  in <br />
  198.           the News</h1>
  199.         <p class="body-rt_col"><strong><em>View This Month's Article</em></strong></p>
  200.         <p class="body-rt_col"><span class="article-heading">Four Graphic Design Myths Busted</span><span class="article"><br />
  201.         </span></p>
  202.       <p class="bodytext"><strong>#4. One Size Fits All. If it’s good for one company it should work for me too.</strong></p>
  203.       <p class="bodytext">One idea of thought when starting up a new business is to have your logo on everything that your client's hand touches. While there is nothing wrong with this strategy, it might not be necessary for everyone. Sometimes beginning entrepreneurs get caught up in the staging process of their new business; they get their logo designed, they need a business card, letterhead, brochure, flyers, post cards, e-mail blasts, web site, company pens and hats ... oh, and don't forget those fun stress balls with the logo on it. <span class="bodytext"><a href="news/kristal-clear-graphics-news.html">        <strong>more ...</strong></a></span> </p></div>
  204.     </div>
  205.     <div id="body">
  206.       <table width="600" cellspacing="0" cellpadding="0">
  207.         <tr>
  208.           <td><h1 align="center" class="home-header">            Welcome to Kristal Clear Graphics ...</h1></td>
  209.         </tr>
  210.         <tr>
  211.           <td><span class="home-subhead">where the design is <strong>SHARP</strong> ...</span></td>
  212.         </tr>
  213.         <tr>
  214.           <td align="center"><span class="home-subhead"> the message is <strong>CLEAR</strong> ...</span></td>
  215.         </tr>
  216.         <tr>
  217.           <td align="right"><span class="home-subhead">and the result is <strong>BEAUTIFUL</strong>.</span></td>
  218.         </tr>
  219.       </table>
  220.       <h2><strong><br />
  221.         ... Offering creative services for print, web and beyond. </strong></h2>
  222.       <p>Any graphic design company can create a logo or design your web site and advertising material. But if you’re new to the process or have been burned before, you need and deserve a little more assurance. Kristal Clear Graphics specializes in just that. I want to be your personal gr or any other creativeaphic designer to guide you along your marketing plan, photo manipulation, custom wedding album need you may have. My goal, as your professional designer, is to make you feel comfortable throughout the design process so everything is Crystal Clear.<br />
  223.         <br />
  224.       Enjoy browsing my desk above and in <a href="gallery.html">my gallery</a> to see some designs I have created for my clients. I look forward to hearing from you and about your special project. Let’s help you start creating the perfect masterpiece today!</p>
  225.  
  226. <td width="64%" align="left"><p class="heading">LIKE, CONNECT &amp; FOLLOW Kristal Clear Graphics.&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.facebook.com/platform#!/pages/Kristal-Clear-Graphics/115637121845307?sk=wall" target="_blank"><img src="http://www.kristalcleargraphics.com/images/ic_fbk_36.png" alt="Facebook" width="36" height="36" border="0" align="absmiddle" /></a>&nbsp;&nbsp;<a href="http://www.linkedin.com/pub/kristal-young/3/86a/b44" target="_blank"><img src="http://www.kristalcleargraphics.com/images/ic_lkdin_36.png" alt="LinkedIn" width="36" height="36" border="0" align="absmiddle" /></a>&nbsp;&nbsp;<a href="http://twitter.com/KristalsDesigns" target="_blank"><img src="http://www.kristalcleargraphics.com/images/ic_twit_36.png" alt="twitter" width="36" height="36" border="0" align="absmiddle" /></a></p>
  227.  
  228. <p align="center" class="heading"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fkristalcleargraphicsllc&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe></p>
  229.     </div>
  230.  
  231.     <div id="btm_footer">
  232.       <p class="footer style1"><span class="bodytext"><a href="index.html">Home</a><span class="style5"> | <a href="about_kristal_clear_graphics.html">About</a> | <a href="gallery.html">Gallery</a> | <a href="designers_touch_collection.html">Designer's Touch Collection</a>| <a href="news/kristal-clear-graphics-news0312.html">Media</a> | <a href="kcg_testimonials_praise.html">Praise</a> | <a href="kristal_clear_dance_steps.html">Dance </a> | <a href="contact_kristal_clear_graphics.html">Contact KCG</a></span></span></p>
  233.       <p class="footer style1"><span class="bodytext">© Copyright 2012 Kristal Clear Graphics LLC All Rights Reserved</span></p>
  234.     </div>
  235.   </div>
  236. </div>
  237. <script type="text/javascript">
  238. <!--
  239. swfobject.registerObject("FlashID");
  240. //-->
  241. </script>
  242. </body>
  243. </html>
  244.  
  245.  
  246.  
Nov 12 '12 #1
0 1947

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

Similar topics

20
24951
by: Tammy | last post by:
What would be a good alternative to using frames? I need something that will section my webpage into two halves and can change both frames on a single click. Thanks in Advance, Tammy
11
2048
by: Afifov | last post by:
Hello, I am trying to know how I can generate an image file in C. I want to draw a line on top of a picture (png or JPG), but I don't know where to start. Any help?
20
2393
by: Alan Silver | last post by:
Hello, In classic ASP, I used to use two include files on each page, one before and one after the main content, to provide a consistent layout across a web site. That way I could just change the...
3
2207
by: Andrew | last post by:
Hello. I am working with very large files in my .NET project (1 million plus records). Some of these files do not have crlf's, which makes it very hard to read the file without a layout or record...
2
1721
by: jmazzi | last post by:
Hey everyone, Im looking to write a program that will read the file contents of a file into an array to use later. Ive searched through this list and seem to only find over bloated programs that...
14
4812
by: Anoop | last post by:
Hi, I am new to this newsgroup and need help in the following questions. 1. I am workin' on a GUI application. Does C# provides Layout Managers the way Java does to design GUI? I know that it...
53
4059
by: brave1979 | last post by:
Please check out my javascript library that allows you to create any layout for your web page, nested as deep as you like, adjusting to width and height of a browser window. You just describe it in...
1
1321
by: fauxanadu | last post by:
I have a new document open in print layout. Then I attempt to insert an autoshape into the document. As soon as I click on the shape I want to input, word swaps into web layout and does nothing...
15
5236
by: lxyone | last post by:
Using a flat file containing table names, fields, values whats the best way of creating html pages? I want control over the html pages ie 1. layout 2. what data to show 3. what controls to...
0
6974
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
7146
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
7183
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
5448
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
0
3084
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...
0
3074
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
0
1389
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...
1
628
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
277
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.