scratch / wrs Goto Github PK

Reuse css rules, classes wherever possible, like a generic class name 'blue' could be use for making blue links..

Some Pages have unclosed tags. Please have a look at element with id "page" in page.html for reference.

There are lot of tags with invalid locations in project.
For instance, see HTML pasted below. Why 'li' is used under 'div' element?

<div class="partners1">
          <li><a href="#"><img src="images/content-partner-logo-bbc.png"></a></li>
        <li><a href="#"><img src="images/content-partner-logo-npr.png"></a></li>
        </div>
      <div class="partners2">
        <li><a href="#"><img src="images/partner-abc-logo.png"></a></li>
        <li><a href="#"><img src="images/partner-cbc-logo.png"></a></li>
        <li><a href="#"><img src="images/partner-pri-logo.png"></a></li>
      </div>

Put script element after all other elements in body...

Please organize HTML and CSS files in their respective folders.. and follow some convention to name the files properly.

http://webdesign.about.com/od/beginningtutorials/f/html-file-names.htm
http://webdesign.about.com/od/css/f/blfaqcssfilenam.htm

Please use standard width i.e. 960px for 1024 resolution (Fixed layout) instead of 1024.

css styles like max-width : 1024; and margin : 0 auto; are redundant.

Give background to body element and keep everything in one element i.e. #page here, which will be center aligned and have fixed layout rules.. Or if elements are of full width like header in this case, use a single class like 'container' which will be have styles like center aligned, 960px width etc..

1. ''text-transform : Uppercase; '
2. Background images and sprites
3. text-overflow : ellipses for text overflow
4. Unequal padding in Header tabs
5. Hover on time in "Later " section shows underline on text, but can't be clicked..
6. No need of text-indent in slider's pagination.