Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Jun 2010
    Posts
    52
    Thanks
    3
    Thanked 0 Times in 0 Posts

    New Webmaker figuring out Css or Html?

    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/G...tCSS/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 -->

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    You've got a number of errors in your markup, see http://validator.w3.org/check?verbos...weather.com%2F. Try to fix them first.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    neoweatherguy (07-07-2010)

  • #3
    New Coder
    Join Date
    Jun 2010
    Posts
    52
    Thanks
    3
    Thanked 0 Times in 0 Posts
    I have really been trying to fix my errors, but i can't figure out most of them?

  • #4
    Senior Coder
    Join Date
    Jun 2008
    Location
    New Jersey
    Posts
    2,530
    Thanks
    45
    Thanked 259 Times in 256 Posts
    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.

  • #5
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    262
    Thanks
    3
    Thanked 12 Times in 12 Posts
    please wrap your code

    and do use indention for a more readable code

  • #6
    New Coder
    Join Date
    Jun 2010
    Posts
    52
    Thanks
    3
    Thanked 0 Times in 0 Posts
    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...

  • #7
    New Coder
    Join Date
    Jun 2010
    Posts
    52
    Thanks
    3
    Thanked 0 Times in 0 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •