...

View Full Version : New Webmaker figuring out Css or Html?



neoweatherguy
07-01-2010, 05:21 AM
If you visit my site neoweather.com anyone from a mac will see a normal fine website. But when you go to a pc or just a widescreen mac the page totally gets de-arranged. Is there something i can edit in my css or html to make it a 1 size fits all type of deal.

CSS LINK-

http://images.freewebs.com/Members/Generationz/Standard/PrintCSS/print.css

HOMEPAGE HTML 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" 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 fw-current-nav-link" 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/dailyvideo.html" >VIDEO FORECAST</a></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" >OUTLOOK</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 -->&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<b>&#160;&#160;&#160;&#160;&#160; </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>&#160;</font>&#160;</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;<!-- ParagraphTitleEnd --></h3>
<div class="fw-text"><!-- ParagraphBodyStart --><p align="center" style="text-align: center; border-width: 0px; padding: 0px; margin: 0px">&#160;&#160; &#160;<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('g6phqlykivn0', 'bottom-center')</script

><form action="http://www.weatheralert.webs.com/search.htm" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-1327335956522478:igpi0y499h5" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" name="q" size="75" />
<input type="submit" name="sa" value="Enter in Zip Code or City" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>

</p><p align="center" style="text-align: center; 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>

<A HREF="http://www.weatheralert.webs.com/apps/blog"><img src="http://www.weatheralert.webs.com/36hr.jpg" width="300" height=150" border="0"/>

<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">&#160;</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">&#160;</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://weatheralert.webs.com/liveandstorm.jpg" style="width: 290px; height: 480px; 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"><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="400" height="480" id="videoplayer" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="videoplayer.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="http://www.neoweather.com/videoplayer.swf" quality="high" bgcolor="#ffffff" width="400" height="480" name="videoplayer" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</noscript>
</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">&#160;</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="100" style="width: 706px; height: 100px; 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>&#160;<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>


<!-- [SB] PageID 164648476-->
<!-- appserver9 -->

abduraooft
07-01-2010, 09:26 AM
You've got a number of errors in your markup, see http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fneoweather.com%2F. Try to fix them first.

neoweatherguy
07-07-2010, 05:29 AM
I have really been trying to fix my errors, but i can't figure out most of them?

Keleth
07-07-2010, 05:55 AM
I guess my issue is I'm on a PC and I see nothing in disarray... a poorly built site, but nothing in disarray (Firefox 3.6.6 by the way).

Among other things, you have tags that open on one line, close on another, a lot of elements that are repeated/lack definition, and attributes that don't match your doctype. Basically, you're telling browsers to expect one thing, then giving them something else, with a lot of bugs. This might be overly cruel, but trying to decipher where that's going wrong might almost not be worth it. Recoding it into semantically proper style, clean code, etc, would make sure it works properly on multiple browsers/operating systems (first issue I've heard of different OS's giving different results, but hey, who knows), as well as being easier to debug.

Also, as a friendly note from one web designer to another... constant running audio with no way to disable it? Not a good idea... was pretty annoying just trying to read your code while the site was active (had to mute my speakers). I can't imagine users being too much happier with it.

jhaycutexp
07-07-2010, 07:05 AM
please wrap your code :)

and do use indention for a more readable code :D

neoweatherguy
07-07-2010, 10:58 PM
Ok, That will be my new project. For your understanding- i came from freewebs about a month or two ago... They hooked me up with the awful and messy code. The problem is I need help on starting the "re-wrap" because I dont understand how to fix this problem.

Thanks for trying to help me thus far guys...

neoweatherguy
07-07-2010, 11:05 PM
I was trying to use that validator and i tried the "clean up+tidy" and i am wondering if its any better now @ WWW.NEOWEATHER.COM/CLEAN.HTML



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum