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
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>Professional Graphic Designer for Print, Web and custom wedding album</title>
- <link href="css/kcg-layout.css" rel="stylesheet" type="text/css" />
- <style type="text/css">
- <!--
- body {
- background-image: url(images/home-background.jpg);
- background-repeat: repeat-x;
- }
- -->
- </style>
- <link rel="stylesheet" type="text/css" href="pro_dropdown_2/pro_dropdown_2.css" />
- <script src="pro_dropdown_2/stuHover.js" type="text/javascript"></script>
- <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
- <style type="text/css">
- <!--
- .rt_col_header {
- color: #3B2F95;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 24px;
- font-style: normal;
- }
- .body-rt_col {
- color: #3B2F95;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 12px;
- }
- a:link {
- color: #493D92;
- text-decoration: none;
- }
- a:visited {
- text-decoration: none;
- }
- a:hover {
- text-decoration: underline;
- }
- a:active {
- text-decoration: none;
- }
- .footer {color: #000000}
- .home-subhead {font-size: 22px; font-family: "Times New Roman", Times, serif; font-style: italic; color: #3B2F95; }
- .home-header {
- font-size: 30px;
- font-family: "Times New Roman", Times, serif;
- font-style: italic;
- color: #3B2F95;
- font-weight: bold;
- }
- .style1 {font-size: 14px}
- .bodytext { font-size: 14px;
- font-family: Arial, Helvetica, sans-serif;
- font-weight: normal;
- color: #000000;
- }
- -->
- </style>
- <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." />
- <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" />
- <script type="text/javascript">
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-21181406-2']);
- _gaq.push(['_trackPageview']);
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
- </script>
- <link href="home-text-styles.css" rel="stylesheet" type="text/css" />
- <style type="text/css">
- <!--
- .bodytext1 { font-size: 14px;
- font-family: Arial, Helvetica, sans-serif;
- font-weight: normal;
- color: #000000;
- text-align: left;
- }
- -->
- </style>
- </head>
- <body>
- <div id="outer">
- <div id="tophalf">
- <div id="col1">
- <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" />
- <map name="dtwa" id="dtwa">
- <area shape="rect" coords="113,13,349,129" href="designers_touch_wedding_albums.html" />
- <area shape="rect" coords="13,76,68,138" href="gallery_photo_manipulation.html" alt="Photo Manipulation & Editing" />
- <area shape="rect" coords="365,89,405,133" href="gallery_photo_manipulation.html" alt="Photo Manipulation & Editing" />
- </map>
- </div>
- <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" />
- <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="261" height="207" hspace="0" vspace="0" id="FlashID" title="graphic design services">
- <param name="movie" value="images/laptop-movie.swf" />
- <param name="quality" value="high" />
- <param name="wmode" value="opaque" />
- <param name="swfversion" value="6.0.65.0" />
- <!-- 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. -->
- <param name="expressinstall" value="Scripts/expressInstall.swf" />
- <param name="SCALE" value="noborder" />
- <param name="LOOP" value="false" />
- <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
- <!--[if !IE]>-->
- <object data="images/laptop-movie.swf" type="application/x-shockwave-flash" width="261" height="207" hspace="0" vspace="0">
- <!--<![endif]-->
- <param name="quality" value="high" />
- <param name="wmode" value="opaque" />
- <param name="swfversion" value="6.0.65.0" />
- <param name="expressinstall" value="Scripts/expressInstall.swf" />
- <param name="SCALE" value="noborder" />
- <param name="LOOP" value="false" />
- <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
- <div>
- <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
- <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>
- </div>
- <!--[if !IE]>-->
- </object>
- <!--<![endif]-->
- </object>
- <img src="images/home-multi-page1.jpg" alt="multiple page document" width="189" height="207" border="0" usemap="#multipage" />
- <map name="multipage" id="multipage">
- <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" />
- </map></div>
- </div>
- <div id="col2"><img src="images/home-bullboard1.jpg" border="0" usemap="#printdesign" />
- <map name="printdesign" id="printdesign">
- <area shape="rect" coords="82,272,123,328" href="gallery_photo_manipulation.html" alt="Photo Manipulation & Editing" />
- <area shape="rect" coords="8,0,221,233" href="gallery_print_design.html" alt="Print Design" />
- </map></div>
- <div id="mid-navbar"> <span class="preload1"></span> <span class="preload2"></span>
- <ul id="nav">
- <li class="top"><a href="index.html" class="top_link"><span>Home</span></a></li>
- <li class="top"><a href="about_kristal_clear_graphics.html" id="products" class="top_link"><span>About</span></a></li>
- <li class="top"><a href="gallery.html" id="services" class="top_link"><span class="down">Gallery</span></a>
- <ul class="sub">
- <li><a href="http://bytes.com/submit/gallery_print_design.html">Print Design</a></li>
- <li><a href="http://bytes.com/submit/gallery_web_design.html">Web Design</a></li>
- <li><a href="http://bytes.com/submit/gallery_full_campaign.html">Full Campaign Design</a></li>
- <li><a href="http://bytes.com/submit/gallery_album_design.html">Designer's Touch Collection</a></li>
- <li><a href="http://bytes.com/submit/gallery_photo_editing.html">Photo Editing</a></li>
- <li><a href="http://bytes.com/submit/gallery-more.html">More</a></li>
- </ul>
- </li>
- <li class="top"><a href="designers_touch_collection.html" id="contacts" class="top_link"><span class="down">Designer's Touch Collection</span></a>
- <ul class="sub">
- <li><a href="designers_touch_wedding_albums.html">Wedding Albums</a></li>
- <li><a href="dtwa_album_styles.html">Album Styles</a></li>
- <li><a href="gallery_album_design.html">Sample Album Gallery</a></li>
- <li><a href="dtwa_more_products.html">More products</a></li>
- <li><a href="registry.html">Wedding Album Gift Registry</a></li>
- </ul>
- </li>
- <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>
- <ul class="sub">
- <li><a href="http://kristalcleargraphics.blogspot.com/" target="_blank">Blog </a></li>
- <li><a href="http://bytes.com/submit/news/kristal-clear-graphics-news.html">Kristal Clear Graphics In the News</a></li>
- <li><a href="http://bytes.com/submit/kcg_newsletter_sign-up.html">Quarterly Newsletters</a></li>
- </ul>
- </li>
- <li class="top"><a href="http://bytes.com/submit/kcg_testimonials_praise.html" id="privacy" class="top_link"><span>Praise</span></a></li>
- <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>
- <ul class="sub">
- <li><a href="http://bytes.com/submit/dance_steps_video.html">Surprise Dance Video</a></li>
- <li><a href="http://bytes.com/submit/dance_custom_packages.html">Custom Packages</a></li>
- </ul>
- </li>
- <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>
- <ul class="sub">
- <li><a href="http://bytes.com/submit/contact_kristal_clear_graphics.html">Contact Kristal Clear Graphics</a></li>
- <li><a href="http://bytes.com/submit/kcg_social_media_links.html">Social Media Links</a></li>
- <li><a href="http://bytes.com/submit/kcg_network.html">KCG Network</a></li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
- <div id="bottom_half">
- <div id="btm-rt_col">
- <div id="body_rt_col">
- <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 />
- <br />
- </h1>
- <hr />
- <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 />
- the News</h1>
- <p class="body-rt_col"><strong><em>View This Month's Article</em></strong></p>
- <p class="body-rt_col"><span class="article-heading">Four Graphic Design Myths Busted</span><span class="article"><br />
- </span></p>
- <p class="bodytext"><strong>#4. One Size Fits All. If it’s good for one company it should work for me too.</strong></p>
- <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>
- </div>
- <div id="body">
- <table width="600" cellspacing="0" cellpadding="0">
- <tr>
- <td><h1 align="center" class="home-header"> Welcome to Kristal Clear Graphics ...</h1></td>
- </tr>
- <tr>
- <td><span class="home-subhead">where the design is <strong>SHARP</strong> ...</span></td>
- </tr>
- <tr>
- <td align="center"><span class="home-subhead"> the message is <strong>CLEAR</strong> ...</span></td>
- </tr>
- <tr>
- <td align="right"><span class="home-subhead">and the result is <strong>BEAUTIFUL</strong>.</span></td>
- </tr>
- </table>
- <h2><strong><br />
- ... Offering creative services for print, web and beyond. </strong></h2>
- <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 />
- <br />
- 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>
- <td width="64%" align="left"><p class="heading">LIKE, CONNECT & FOLLOW Kristal Clear Graphics. <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> <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> <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>
- <p align="center" class="heading"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fkristalcleargraphicsllc&layout=standard&show_faces=true&width=450&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe></p>
- </div>
- <div id="btm_footer">
- <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>
- <p class="footer style1"><span class="bodytext">© Copyright 2012 Kristal Clear Graphics LLC All Rights Reserved</span></p>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- <!--
- swfobject.registerObject("FlashID");
- //-->
- </script>
- </body>
- </html>