#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2013
    Posts
    1
    Rep Power
    0

    Look through my CSS file


    Hello,

    I have just made a simple short website, for a school project so I won't upload it to a site. Here is the CSS file:
    Code:
    @charset "UTF-8"; /*http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ * { margin: 0; padding: 0; border: 0; } body { width: 960px; margin: auto; font-family: Calibri, Arial, sans-serif, "Helvetica Neue"; background-color: #b4050d; overflow-y: scroll; } header { margin: 5px auto; text-align: center; } .menu > ul { margin: 15px 0; } ul, li { margin: 0; padding: 0; list-style: none; } ul li { display: inline-block; position: relative; background-color: #12124d; width: 200px; margin-right: 35px; text-align: center; } ul li ul { display: none; position: absolute; } ul li ul li { width: 100%; } ul li:hover ul { display: block; } ul { display: inline-block; width: 100%; } ul li a { padding: 10px 20px; display: block; } ul li:hover { background: #4b545f; } .menu a, .menu a:visited { color: #ffffff; text-decoration: none; font-family: sans-serif; } .menu > ul > li:hover > a { color: #ffffff; } .menu ul li ul li:hover a { color: #ffffff; } .container a:link{ color: #000000; text-decoration: none; } .container a:hover { text-decoration: none; } a:visited { color: #000000; } .container { width: 640px; float: left; clear: both; padding-bottom: 10px; margin-right: 78px; } .container .content1, .container .content2 { display: block; float: left; width: 299px; } .content1 { float: left; } .content1:after { content: ''; float: left; height: 90%; border-right: 2px solid #12124d; } .content2 { float: left; margin-left: 42px; } .content2 h2 { text-align: left; } .content1 img { float: left; } .content2 img { float: right; } article { text-align: justify; width: 675px; } .nextgame{ border: 2px solid #12124d; width: 196px; float: left; background-color: #f7b0b0; text-align: center; } .lastgame { border: 2px solid #12124D; width: 196px; float: left; margin-top: 20px; margin-bottom: 20px; background-color: #f7b0b0; text-align: center; } .lastgame:first-line { font-weight: bold; } .nextgame:first-line { font-weight: bold; } .truppen { width: 680px; margin-right: 38px; margin-bottom: 18px; } .liga { width: 680px; margin-right: 38px; margin-bottom: 18px; } .spelschema { width: 680px; margin-right: 38px; margin-bottom: 18px; } .skytteliga { width: 680px; margin-right: 38px; margin-bottom: 18px; } .games { float: left; width: 200px; } .contact { width: 680px; margin-bottom: 18px; } table { margin: 0 auto; float: left; border-spacing: 0; border: 4px solid #ff6363; border-style: outset; margin-top: 10px; border-radius: 10px; width: 75%; } th { padding: 5px; } tr.odd { background-color: #ff6363; } tr.odd1 { background-color: #e7797a; } tr.odd2 { background-color: #cf9191; } table { border: 4px solid #ff6363; border-style: outset; margin-top: 10px; border-radius: 10px; width: 75%; } thead { font-size: 120%; } td { text-align: center; } .time { position: absolute; top: 0; left: 0; } .date { position: absolute; top: 0; left: 60px; } footer { width: 915px; text-align: center; border: 1px solid #000000; clear: both; }
    Anyone that wanna look through and check so I have used the correct elements and structured everything correctly?

    I would be very thankful. Thanks in advance!
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2009
    Posts
    310
    Rep Power
    162
    There is a CSS validator that you can paste your CSS code in without needing to have it uploaded anywhere. This would probably be of more use to you in future since you can use it whenever you're not sure of something you've coded:

    CSS Validator

    The same goes for your website if you're interested in that as well:

    HTML Validator
    Last edited by LDHosting; May 30th, 2013 at 07:33 AM.
    Quality European Web Hosting - LDHosting.com
    High Quality, Low Cost Web Hosting Services
    www.ldhosting.com

IMN logo majestic logo threadwatch logo seochat tools logo