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 2 of 2
  1. #1
    New Coder
    Join Date
    Aug 2011
    Location
    Saginaw MI
    Posts
    14
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Please Check Out My CSS, Does It Look Right ?

    Hello !

    I was hoping some one could take a peek at my CSS and tell me if it looks right. I am new to Web Design and still learning.
    Code:
    body {
        background-attachment:scroll;
        background-color:#000;
        background-clip:border-box;
        background-image:url(img/bg-body.jpg);
        background-origin:padding-box;
        background-position:left top;
        background-repeat:repeat-xy;
        background-size:auto auto;        
        font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; /* Serve Helvetica Neue, with Helvetica fallbacks to Arial */
        font-size:11px;
        font-weight:300; /* Better supported than 'lighter' attribute */
        line-height:18px;
        color:#444; /* Lighter on the eyes than #000 Black */
    }
    Also, is the image to large? What I am asking is, is the image right as well?

    Thank you....
    Attached Thumbnails Attached Thumbnails Please Check Out My CSS, Does It Look Right ?-bg-body.jpg  

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello mooapo,
    I wonder if you really need all that stuff. Do you know what background-clip or origin is doing for you?

    repeat-xy is invalid (see the links about validation in my signature line)

    Maybe all of that could be tidied up a bit to look like this -
    Code:
    body {
    	color: #444; 
    	background: #000 url(img/bg-body.jpg);
    	font: 300 11px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

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