...

View Full Version : Newbie Maxing Out- Uneven Boxes? CODING



neoweatherguy
06-12-2010, 04:49 AM
Ok, I am a coding newbie that has maxed out.

I am trying to fix something in my code from http://www.neoweather.com/test.html

The video isnt aligned with the ad boxes?

Heres my Dreamweaver Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Weather For Northeast Ohio and home for the upcoming 2010-2011 winter forecast - HOME</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="keywords" content="weatheralert, weatheralert.webs.com, weather alert, weather for northeast ohio, weather for cleveland, WEATHERALERT">
<meta name="description" content="">
<script type="text/javascript" src="http://neoweather.mobify.me/mobify/redirect.js"></script>
<script type="text/javascript">try{_mobify("http://neoweather.mobify.me/");} catch(err) {};</script>
<!-- master default -->

<meta property="og:site_name" content="Weather For Northeast Ohio and home for the upcoming 2010-2011 winter forecast" />
<meta property="og:title" content="HOME" />

<meta name="google-site-verification" content="jIsuwFja6snlO_BcZ_EQ_JI-_1T-YyJJctMINIt0X9g" />

<link rel="stylesheet" type="text/css" href="http://static.websimages.com/static/global/theme/css/pluggables.css"/>
<script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/usersites/webs_common.js"></script>
<script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/websover.min.js"></script><link id="templatebase" rel="stylesheet" type="text/css" media="screen" href="http://static.websimages.com/static/global/css/templatebase.css">
<link id="fw_template_file" rel="stylesheet" type="text/css" href="http://weatheralert.webs.com/.design.css?r=440" media="screen">
<!-- Start com.freewebz.clicky.ClickyPlugin@57349024 -->

<!-- End com.freewebz.clicky.ClickyPlugin@57349024 -->

<link rel="stylesheet" type="text/css" href="http://images.freewebs.com/Members/Generationz/Standard/PrintCSS/print.css" media="print">
</head>
<body class="hasOneColumn noSidebar navtype-Top" >

<!-- Start com.freewebz.clicky.ClickyPlugin@57349024 -->

<!-- End com.freewebz.clicky.ClickyPlugin@57349024 -->

<script type="text/javascript" src="http://static.websimages.com/JS/fw.js"></script>
<!--
{NavHeaderFormat}
<li class="fw-navheader">{NavHeader}</li>
{/NavHeaderFormat}



-->




<div id="fw-container">
<div id="fw-head">
<h1 id="fw-title"><a id="fw-titlelink" href="http://weatheralert.webs.com/">Weather For Northeast Ohio and home for the upcoming 2010-2011 winter forecast</a></h1>
<h2 id="fw-smalltitle"> Weather for Northeast Ohio</h2>
<div id="logo-div" class="fw-logo"></div>
</div>


<div id="fw-blockContainer">
<div id="fw-mainnavwrap">
<div id="fw-nav-menu">
<ul class="fw-nav-level-0">
<li><a class="section fw-current-nav-link" href="http://weatheralert.webs.com/" >HOME</a></li>
<li><a class="section" href="http://weatheralert.webs.com/radar.htm" >RADAR</a>
<ul class="fw-nav-level-1"><li><a class="section" href="http://weatheralert.webs.com/radar.htm#559027094" >NORTHEAST OHIO</a></li>
<li><a class="section" href="http://weatheralert.webs.com/radar.htm#492651880" >REGIONAL </a></li>
</ul>
</li>
<li><a class="section" href="http://weatheralert.webs.com/myforecast.html" >FORECAST</a>
<ul class="fw-nav-level-1"><li><a class="section" href="http://weatheralert.webs.com/myforecast.html" >NORTHEAST OHIO</a></li>
<li><a class="section" href="http://weatheralert.webs.com/clevelandoh44101.htm" >CLEVELAND,OH (44101)</a></li>
<li><a class="section" href="http://weatheralert.webs.com/akronoh44301.htm" >AKRON, OH (44301)</a></li>
<li><a class="section" href="http://weatheralert.webs.com/cantonoh44701.htm" >CANTON, OH (44701)</a></li>
</ul>
</li>
<li><a class="section" href="http://weatheralert.webs.com/livevideo.htm" >LIVE VIDEO</a>
<ul class="fw-nav-level-1"><li><a class="section" href="http://weatheralert.webs.com/severeweather.htm" >SEVERE WEATHER</a></li>
<li><a class="section" href="http://weatheralert.webs.com/livevideo.htm" >DAILY LIVE VIDEO</a></li>
</ul>
</li>
<li><a class="section" href="http://weatheralert.webs.com/news.htm" >NEWS</a>
<ul class="fw-nav-level-1"><li><a class="section" href="http://weatheralert.webs.com/news.htm" >SPORTS AND LOCAL NEWS</a></li>
<li><a class="section" href="http://weatheralert.webs.com/apps/videos/" >VIDEO</a></li>
<li><a class="section" href="http://weatheralert.webs.com/apps/photos/" >PICTURES</a></li>
<li><a class="section" href="http://weatheralert.webs.com/apps/guestbook/" >GUESTBOOK</a></li>
</ul>
</li>
<li><a class="section" href="http://weatheralert.webs.com/seasonaloutlooks.htm" >SEASONAL OUTLOOKS</a>
<ul class="fw-nav-level-1"><li><a class="section" href="http://weatheralert.webs.com/20102011winterupdate.htm" >2010-2011 WINTER UPDATE</a></li>
<li><a class="section" href="http://weatheralert.webs.com/apps/forums/" >2010-2011 WINTER</a></li>
<li><a class="section" href="http://weatheralert.webs.com/2011winterforecast.htm" >2011 WINTER FORECAST</a></li>
</ul>
</li>
<li><a class="section" href="http://weatheralert.webs.com/snowday.htm" >SNOW DAY?</a>
<ul class="fw-nav-level-1"><li><a class="section" href="http://weatheralert.webs.com/snowday.htm#533094399" >SCHOOL CLOSINGS</a></li>
<li><a class="section" href="http://weatheralert.webs.com/snowday.htm#533092221" >SNOW DAY MAP</a></li>
<li><a class="section" href="http://weatheralert.webs.com/snowday.htm#549037825" >CHAT</a></li>
<li><a class="section" href="http://weatheralert.webs.com/snowday.htm#549037825" >WRITTEN FORECAST</a></li>
</ul>
</li>
<li><a class="section" href="http://weatheralert.webs.com/info.htm" >INFO</a>
<ul class="fw-nav-level-1"><li><a class="section" href="http://weatheralert.webs.com/info.htm" target="_blank">Contact Me</a></li>
<li><a class="section" href="http://weatheralert.webs.com/info.htm" target="_blank">Search this Site</a></li>
</ul>
</li>


</ul>
</div>
</div>

<div id="fw-bigcontain">


<div id="fw-columnContainer">
<div id="fw-mainColumn">
<!-- ParagraphStart 534876716 --><div class="fw-paragraph">
<div class="fw-paragraphtop"></div>
<h3 class="fw-title"><a name="534876716"></a><!-- ParagraphTitleStart -->**********<b>***** </b><span style="font-size: large" class="Apple-style-span"><font size="6"><span style="text-decoration: underline" class="Apple-style-span"><b>WELCOME</b></span>*</font>*</span>********** ***** ****<!-- ParagraphTitleEnd --></h3>
<div class="fw-text"><!-- ParagraphBodyStart --><p align="center" style="text-align: center; border-width: 0px; padding: 0px; margin: 0px">** *<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('g6phqlykivn0', 'bottom-center')</script>
</p><p align="left" style="text-align: left; border-width: 0px; padding: 0px; margin: 0px"><script type="text/javascript"><!--
google_ad_client = "pub-1327335956522478";
/* 180x150, created 5/14/10 */
google_ad_slot = "4377672854";
google_ad_width = 180;
google_ad_height = 150;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="150" id="videoplayer" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="videoplayertop.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="http://www.neoweather.com/videoplayertop.swf" quality="high" bgcolor="#ffffff" width="300" height="150" name="videoplayer" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
<script type="text/javascript"><!--
google_ad_client = "pub-1327335956522478";
/* 180x150, created 5/14/10 */
google_ad_slot = "9049777697";
google_ad_width = 180;
google_ad_height = 150;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p><p align="center" style="text-align: center; border-width: 0px; padding: 0px; margin: 0px">*</p><p align="center" style="text-align: left; border-width: 0px; padding: 0px; margin: 0px"><a href="http://weatheralert.webs.com/severeweather.htm#548361265" class="fw_link_paragraph"><img border="0" width="706" src="http://weatheralert.webs.com/updates.jpg" height="50" style="width: 706px; height: 50px; border-width: 0px; padding: 0px; margin: 0px" class="fw_image_computer fwSizeProp" /></a></p><p align="center" style="text-align: center; border-width: 0px; padding: 0px; margin: 0px">*</p><p style="text-align: center; margin: 0px"><a href="http://weatheralert.webs.com/videoplayer.htm" class="fw_link_website"><img border="0" align="right" src="http://neoweather.com/forecast/kcle_br1_0.jpg" style="width: 352px; height: 266px; border-width: 0px; padding: 0px; margin: 0px" class="fw_image_freewebs fwSizeProp" /></a></p><p align="center" style="text-align: left; border-width: 0px; padding: 0px; margin: 0px">
<script type="text/javascript" src="http://output88.rssinclude.com/output?type=js&id=119904&hash=d03a9939c5eb8a0c030bc7fb90b4cfe5"></script>
</body>
</html>
</p><p align="center" style="text-align: center; margin: 0px"><span style="font-size: x-small" class="Apple-style-span"><font color="#e6e6e6" class="Apple-style-span"><font color="#ffffff" class="Apple-style-span"></font></font></span></p><p align="center" style="text-align: center; margin: 0px"><span style="font-size: x-small" class="Apple-style-span"><font color="#e6e6e6" class="Apple-style-span"><font color="#ffffff" class="Apple-style-span"></font></font></span></p><p align="center" style="text-align: center; margin: 0px"><span style="font-size: x-small" class="Apple-style-span"><font color="#e6e6e6" class="Apple-style-span"><font color="#ffffff" class="Apple-style-span"></font></font></span></p><p align="center" style="text-align: center; margin: 0px"><span style="font-size: x-small" class="Apple-style-span"><font color="#e6e6e6" class="Apple-style-span"><font color="#ffffff" class="Apple-style-span"></font></font></span></p><p align="center" style="text-align: center; margin: 0px"><span style="font-size: x-small" class="Apple-style-span"><font color="#e6e6e6" class="Apple-style-span"><font color="#ffffff" class="Apple-style-span"></font></font></span></p><p align="center" style="text-align: center; margin: 0px"><span style="font-size: x-small" class="Apple-style-span"><font color="#e6e6e6" class="Apple-style-span"><font color="#ffffff" class="Apple-style-span"></font></font></span></p><p align="center" style="text-align: center; margin: 0px"><span style="font-size: x-small" class="Apple-style-span"><font color="#e6e6e6" class="Apple-style-span"><font color="#ffffff" class="Apple-style-span"></font></font></span></p><p align="center" style="text-align: center; margin: 0px"><span style="font-size: x-small" class="Apple-style-span"><font color="#e6e6e6" class="Apple-style-span"><font color="#ffffff" class="Apple-style-span"></font></font></span></p><p align="center" style="text-align: center; margin: 0px"><span style="font-size: x-small" class="Apple-style-span"><font color="#e6e6e6" class="Apple-style-span"><font color="#ffffff" class="Apple-style-span"></font></font></span></p><p align="center" style="text-align: center; margin: 0px"><span style="font-size: x-small" class="Apple-style-span"><font color="#e6e6e6" class="Apple-style-span"><font color="#ffffff" class="Apple-style-span"></font></font></span></p><p align="center" style="text-align: center; margin: 0px"><span style="font-size: x-small" class="Apple-style-span"><font color="#e6e6e6" class="Apple-style-span"><font color="#ffffff" class="Apple-style-span"></font></font></span></p><div style="text-align: center"><span style="font-size: x-small" class="Apple-style-span"></span></div><p align="center" style="text-align: center; margin: 0px"><span style="font-size: x-small" class="Apple-style-span"><font color="#e6e6e6" class="Apple-style-span"><font color="#ffffff" class="Apple-style-span"><span style="font-size: 13px; color: #333333" class="Apple-style-span"><span style="font-size: 12px; color: #ffffff; line-height: normal; font-family: Helvetica, Verdana, sans-serif" class="Apple-style-span">*</span></span></font></font></span></p><a class="fw_link_page" href="http://weatheralert.webs.com/radar.htm"><img border="0" align="left" width="706" src="http://weatheralert.webs.com/radarandmpsss.jpg" height="50" style="width: 706px; height: 50px; border-width: 0px; padding: 0px; margin: 0px" class="fw_image_freewebs fwSizeProp" /></a><font color="#e6e6e6" class="Apple-style-span"><font src="/MembersB/EditPage/undefined" color="#ffffff" class="Apple-style-span"><p>d </p>;<a href="http://weatheralert.webs.com/radar.htm#535243816" class="fw_link_paragraph"><img border="0" align="right" width="702" src="http://www.weatheralert.webs.com/TEST.JPG" height="395" style="width: 702px; height: 395px; border-width: 0px; padding: 0px; margin: 0px" class="fw_image_url fwSizeProp" /></a></p></font></font><!-- ParagraphBodyEnd --></div>
<div class="fw-paragraphbottom"></div>
</div><!-- ParagraphEnd 534876716 -->
</div>
</div>
</div>

<div id="fw-sidebar">
<div id="fw-sidebarbegin"></div>

<div id="fw-sidebarend"></div>
</div>
<div class="clears">
</div>
</div>

<div id="fw-footer">
<p id="fw-foottext" class="fw-footertext">Copyright to Weather Alert 2009-2010</p>
<p></p>
</div>
</div>

<!-- Start com.freewebz.clicky.ClickyPlugin@57349024 -->
<script type="text/javascript" src="http://images.freewebs.com/JS/clicky.js"></script><script type="text/javascript">var clicky_page_title='HOME';startClicky(49522255,'fwdb4');</script><noscript><p><img alt="Clicky Web Analytics" src="http://in.freewebs.getclicky.com/49522255-fwdb4.gif"/></p></noscript>
<!-- End com.freewebz.clicky.ClickyPlugin@57349024 -->

<!--[if IE 6]>

<script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/ie6subnav.js"></script>
<![endif]-->
</body>
</html>

Scriptet
06-12-2010, 11:55 PM
Don't use deprecated elements like "align" and so on.. Just set it up like this:



<div id="leftAd">
Adsense code here for left ad
<!--#leftAd--></div>
<div id="video">
Video code here
<!--#video--></div>
<div id="rightAd">
Adsense code here for right ad
<!--#leftAd--></div>


With this CSS:



#leftAd, #rightAd{
width:180px;
float:left;
}
#video{
width:300px;
float:left;
}


Then just adjust widths/add margins/add paddings via CSS to the individual DIV's as needed to create the intended look.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum