1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Re-sizing window screws up my website

Discussion in 'HTML & JavaScript' started by danielgm55, Oct 11, 2011.

  1. danielgm55

    danielgm55 Regular Member

    Joined:
    Apr 3, 2011
    Messages:
    253
    Likes Received:
    57
    Location:
    Inside your computer
    Hello..I am new to website building and Dreamweaver. Whenever I resize my browser window..my website gets screwed up. I use Photoshop to build my template..sliced the clickable buttons (twitter..facebook..Youtube) out at the bottom of the page. Saved it for web..and uploaded it into dreamweaver and this is the code that it produced. I manually added the <div align="center"> to center the website. Other than that i manually added the iframe youtube codes...the twitter and facebook widget in the upper right corner and the Ads just below the widgets (i tried to change the font color of the things that i manually added within this thread..but it didn't work well for me...user error i'm sure). Anyway If anyone can help..Plz.. www.heavyrotationtv.com

    Also I know that my search box in not working....i'm still working on it



    HTML:
    <html>
    <head>
    <title>HeavyRotation</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    [COLOR="Red"]<meta name="KEYWORDS" content="heavy rotation hip hop, rap, worldstar hip hop, hip hop song, rap songs, hip hop tracks, hip hop songs, hip hop new, hip hop world, world hip hop, world of hip hop, hip hop world star, star hip hop, hip hop star, hip hop worldstar, world hip hop star, 2010 hip hop, hiphop unsigned artist new hip hop r&b latest hip hop news world empire hip hop all hip hop youtube hip hop" /><meta[/COLOR]
    
    </head>
    
    
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    
    [COLOR="red"]<div align="center">[/COLOR]
    
    
    
    
    [COLOR="red"]<iframe style="position:absolute; TOP:319px; LEFT:160px;" width="613" height="263" src="http://www.youtube.com/embed/B26p8ci7SsQ?hd=1" frameborder="0" allowfullscreen></iframe>
    
    
    <iframe style="position:absolute; TOP:709px; LEFT:159px;" width="293" height="260" src="http://www.youtube.com/embed/4-SHwhIAA0A" frameborder="0" allowfullscreen></iframe>
    
    <iframe style="position:absolute; TOP:709px; LEFT:479px; height: 260px; width: 292px;" width="295" height="258" src="http://www.youtube.com/embed/twg2yuEXnqk" frameborder="0" allowfullscreen></iframe>
    
    <iframe style="position:absolute; TOP:708px; LEFT:794px; width: 288px; height: 260px;" width="293" height="258" src="http://www.youtube.com/embed/XSee6Z54UQU" frameborder="0" allowfullscreen></iframe>
    
    
    
    
    <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"  WIDTH="293px" HEIGHT="187px" align="right" id="Player_bf0e0c95-237b-45aa-826c-1e578fe32607" style="position: absolute; top: 300px; left: 793;"> <PARAM NAME="movie" VALUE="http://ws.amazon.com/widgets/q?rt=tf_ssw&ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fhea0a0-20%2F8003%2Fbf0e0c95-237b-45aa-826c-1e578fe32607&Operation=GetDisplayTemplate"><PARAM NAME="quality" VALUE="high"><PARAM NAME="bgcolor" VALUE="#FFFFFF"><PARAM NAME="allowscriptaccess" VALUE="always"><embed src="http://ws.amazon.com/widgets/q?rt=tf_ssw&ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fhea0a0-20%2F8003%2Fbf0e0c95-237b-45aa-826c-1e578fe32607&Operation=GetDisplayTemplate" id="Player_bf0e0c95-237b-45aa-826c-1e578fe32607" quality="high" bgcolor="#ffffff" name="Player_bf0e0c95-237b-45aa-826c-1e578fe32607" allowscriptaccess="always"  type="application/x-shockwave-flash" align="right" height="187px" width="293px"></embed></OBJECT> <NOSCRIPT><A HREF="http://ws.amazon.com/widgets/q?rt=tf_ssw&ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fhea0a0-20%2F8003%2Fbf0e0c95-237b-45aa-826c-1e578fe32607&Operation=NoScript">Amazon.com Widgets</A></NOSCRIPT>
    
    
    
    <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"  WIDTH="293px" HEIGHT="191px" align="right" id="Player_db44f982-780d-464c-ad1a-4dc1ed4045cc" style="position: absolute; top: 502px; left: 795;"> <PARAM NAME="movie" VALUE="http://ws.amazon.com/widgets/q?rt=tf_ssw&ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fhea0a0-20%2F8003%2Fdb44f982-780d-464c-ad1a-4dc1ed4045cc&Operation=GetDisplayTemplate"><PARAM NAME="quality" VALUE="high"><PARAM NAME="bgcolor" VALUE="#FFFFFF"><PARAM NAME="allowscriptaccess" VALUE="always"><embed src="http://ws.amazon.com/widgets/q?rt=tf_ssw&ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fhea0a0-20%2F8003%2Fdb44f982-780d-464c-ad1a-4dc1ed4045cc&Operation=GetDisplayTemplate" id="Player_db44f982-780d-464c-ad1a-4dc1ed4045cc" quality="high" bgcolor="#ffffff" name="Player_db44f982-780d-464c-ad1a-4dc1ed4045cc" allowscriptaccess="always"  type="application/x-shockwave-flash" align="right" height="191px" width="293px"></embed></OBJECT> <NOSCRIPT><A HREF="http://ws.amazon.com/widgets/q?rt=tf_ssw&ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fhea0a0-20%2F8003%2Fdb44f982-780d-464c-ad1a-4dc1ed4045cc&Operation=NoScript">Amazon.com Widgets</A></NOSCRIPT>
    
    
    <div style="position:absolute; TOP:308px; LEFT:800px; id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    
    <div style="position:absolute; TOP:240px; LEFT:795px;" class="fb-like" data-href="http://www.facebook.com/pages/Heavy-Rotation/138925392838103" data-send="false" data-layout="button_count" data-width="200" data-height="150" data-show-faces="false"></div>
    
    <iframe allowtransparency="true" frameborder="0" scrolling="no"
      src="//platform.twitter.com/widgets/follow_button.html?screen_name=heavyrotation3&button=grey&link_color=#00AEFF&text_color=#FFFFFF"
      style="position:absolute; TOP:267px; left:795; width:250px; height:20px;"></iframe>[/COLOR]
    
    
    
    <!-- Save for Web Slices (HR Sliced.psd) -->
    <table id="Table_01" width="1200" height="1099" border="0" cellpadding="0" cellspacing="0">
    	<tr>
    		<td colspan="7">
    			<img src="http://www.blackhatworld.com/blackhat-seo/images/index_01.png" width="1200" height="980" alt=""></td>
    	</tr>
    	<tr>
    		<td rowspan="2">
    			<img src="http://www.blackhatworld.com/blackhat-seo/images/index_02.png" width="134" height="119" alt=""></td>
    		<td>
    			<a href="http://www.youtube.com/heavyrotationmp3">
    				<img src="http://www.blackhatworld.com/blackhat-seo/images/youtube.png" width="186" height="74" border="0" alt="Subscribe"></a></td>
    		<td rowspan="2">
    			<img src="http://www.blackhatworld.com/blackhat-seo/images/index_04.png" width="40" height="119" alt=""></td>
    		<td>
    			<a href="http://www.twitter.com/heavyrotation3">
    				<img src="http://www.blackhatworld.com/blackhat-seo/images/twitter.png" width="218" height="74" border="0" alt="Follow Us"></a></td>
    		<td rowspan="2">
    			<img src="http://www.blackhatworld.com/blackhat-seo/images/index_06.png" width="49" height="119" alt=""></td>
    		<td>
    			<a href="http://www.facebook.com/pages/Heavy-Rotation/138925392838103">
    				<img src="http://www.blackhatworld.com/blackhat-seo/images/Facebook.png" width="200" height="74" border="0" alt="Like Us"></a></td>
    		<td rowspan="2">
    			<img src="http://www.blackhatworld.com/blackhat-seo/images/index_08.png" width="373" height="119" alt=""></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="http://www.blackhatworld.com/blackhat-seo/images/index_09.png" width="186" height="45" alt=""></td>
    		<td>
    			<img src="http://www.blackhatworld.com/blackhat-seo/images/index_10.png" width="218" height="45" alt=""></td>
    		<td>
    			<img src="http://www.blackhatworld.com/blackhat-seo/images/index_11.png" width="200" height="45" alt=""></td>
              
                
    	</tr>
    </table>
    <!-- End Save for Web Slices -->
    [COLOR="red"]</div>
    [/COLOR]</body>
    </html>
     
    Last edited: Oct 11, 2011
  2. EdgarFoX

    EdgarFoX Newbie

    Joined:
    Nov 18, 2011
    Messages:
    16
    Likes Received:
    2
    It's because your page is made of table.
    You divs and CSS to create "comfrotable" web pages.