Jump to content

Problem Validating Internal CSS


LaC0saNostra
 Share

Recommended Posts

Hello everybody. I have been trying to validate a page I have been working on and keep getting these two errors:

 

1. Message in line 73 at character 31: The "onchange" scripting attribute was used but a default scripting language has not been defined (note that HTML Validator would not see this declaration if it is sent as an HTTP header by a web server). HTML 4.01 and XHTML (but not HTML5) require this. However, for all practical purposes, leaving it out is unlikely to cause problems unless the default "text/javascript" is incorrect. If you still want to define a default scripting language, then include this in the "head" section of the document to specify "text/javascript" as the default scripting language: <meta http-equiv="Content-Script-Type" content="text/javascript" />. If you're using HTML Validator's integrated editor, then this can be added from the 'Tags' menu or from the HTML Inserter. Because this issue is unlikely to cause problems, consider ignoring or disabling this message. Visit http://www.w3.org/TR/html401/interact/scripts.html#h-18.2.2.1 for more information. This message is displayed only once.
2. Error in line 86 at character 10: When the "scoped" attribute is not used, the "style" element should not be where flow control is expected (for example, not in the "body" section). Should this "style" element be in the "head" section or should the "scoped" attribute be used?
My code is as follows:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content ="text/html; charset=utf-8"/><title>TrackerPlus Homepage</title><link href="css/style.css" rel="stylesheet" type="text/css" /></head><body><div id="wrapper">   <div id="header">     <div class="top_banner">      <h1>TrackerPlus</h1>      <p>Employee Database Tracking</p>    </div>  </div>  <div id="page_content">    <div class="navigation">      <ul>         <li><a href="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/index.html">Home</a></li>        <li><a href="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/roster.html">Roster</a></li>        <li><a href="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/find.html">Find</a></li>        <li><a href="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/reports.html">Reports</a></li>        <li><a href="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/timecard.html">Timecard</a></li>        <li><a href="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/schedule.html">Schedule</a></li>        <li><a href="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/my_info.html">My Info</a></li>        <li><a href="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/contact_us.html">Contact Us</a></li>      </ul>    </div>    <div class="left_side_bar">       <div class="col_1">        <h1>External Links</h1>        <div class="box">          <ul>          <li><a href="http://www.kaleidahealth.org/">Kaleida Health</a></li>          <li><a href="http://www.chsbuffalo.org/">Catholic Health</a></li>          <li><a href="https://securews.bcbswny.com/web/content/WNYmember/home.html?redirectToConstituent=true/">Blue Cross Blue Shield</a></li>          <li><a href="https://www.roswellpark.org/">Roswell Park</a></li>            <li><a href="http://sodexousa.com/usen/default.aspx">Sodexo</a></li>          </ul>        </div>      </div>            <div class="col_1">        <h1>Tip of the Day</h1>        <div class="box">          <p>Enter Block content here...</p>          <br />          <p>The <a href="http://www.kaleidahealth.org/">Find</a> link is best used to locate employees by either name or badge number. It is a great tool to locate an individual looking to pick up a shift from another Kaleida employed facility.</p>        </div>      </div>    </div>    <div class="right_section">      <div class="common_content">        <h2>Timecard</h2>        <hr />        <p>Please use this timecard for information on all daily clock ins/outs.</p>        <br />                        <form action="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/timecard.html" method="post"> <select name="URL" onchange="window.location.href=this.form.URL.options[this.form.URL.selectedIndex].value">   <option value="">Select a pay period</option>   <option value="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/previous_timecard.html"> Previous Pay Period</option>   <option value="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/timecard.html"> Current Pay Period</option>   <option value="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/next_timecard.html"> Next Pay Period</option>   </select>   <input type="submit" value="Send" /><input type="reset" value="Reset" /></form>                <style type="text/css">table.tableizer-table {border: 1px solid #CCC; font-family: Arial, Helvetica, "sans-seriffont-size: 12px";} .tableizer-table td {padding: 4px;margin: 3px;border: 1px solid #ccc;}.tableizer-table th {background-color: #104E8B; color: #FFF;font-weight: bold;}</style><table class="tableizer-table"><tr class="tableizer-firstrow"><th>Date</th><th>Pay Code</th><th>Amount</th><th>In</th><th>Transfer</th><th>Out</th><th>Shift</th><th>Daily</th><th>Cumulative</th></tr> <tr><td>Sun 4/20/2014</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr><td>Mon 4/21/2014</td><td> </td><td> </td><td>7:00PM</td><td> </td><td>8:01AM</td><td>12.5</td><td>12.5</td><td>12.5</td></tr> <tr><td>Tues 4/22/2014</td><td>PTO-3</td><td>12.5</td><td> </td><td> </td><td> </td><td>12.5</td><td>12.5</td><td>25.0</td></tr> <tr><td>Wed 4/23/2014</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr><td>Thurs 4/24/2014</td><td>Request-Off</td><td>0.0</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr><td>Fri 4/25/2014</td><td> </td><td> </td><td>6:59PM</td><td> </td><td>8:24AM</td><td>12.5</td><td>13.0</td><td>38.0</td></tr> <tr><td>Sat 4/26/2014</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr><td>Sun4/27/2014</td><td>Request-Off</td><td>0.0</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr><td>Mon 4/28/2014</td><td>PTU-9</td><td>12.5</td><td> </td><td> </td><td> </td><td>12.5</td><td>12.5</td><td>50.5</td></tr> <tr><td>Tues 4/29/2014</td><td>Request-Off</td><td>0.0</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr><td>Wed 4/30/2014</td><td> </td><td> </td><td>7:00PM</td><td>//MICU</td><td>8:00AM</td><td>12.5</td><td>12.5</td><td>63.0</td></tr> <tr><td>Thurs 5/1/2014</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr><td>Fri 5/2/2014</td><td> </td><td> </td><td>6:59PM</td><td> </td><td>8:03AM</td><td>12.5</td><td>12.5</td><td>75.5</td></tr> <tr><td>Sat 5/3/2014</td><td>Request-Off</td><td>0.0</td><td> </td><td> </td><td> </td><td> </td><td> </td><td></td></tr></table>        </div>          </div>    <div class="clear"></div>  </div></div></body></html>

The CSS attachment for the entire file is loaded. The internal CSS is bolded. How do I get this code to validate with my internal CSS? What did I do wrong?

style.css

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...