Wip Css Layout #2

Discussion in 'GR Classic Archive' started by Mysterio, Sep 5, 2006.

  1. Mysterio

    Mysterio Well-Known Member

    Posts:
    356
    Likes Received:
    0
    Joined:
    Aug 12, 2005
    My second somewhat css layout, just to brush up my css skills a bit.

    Did fairly well on the coding part altough im sure a lot of it is wrong ;)

    The design is moderate, just needed something to code.

    Clicky
     
  2. Phili G

    Phili G Well-Known Member

    Age:
    35
    Posts:
    1,498
    Likes Received:
    0
    Joined:
    Oct 5, 2005
    Location:
    England!
    yeah coding looks strange :S
     
  3. Mysterio

    Mysterio Well-Known Member

    Posts:
    356
    Likes Received:
    0
    Joined:
    Aug 12, 2005
  4. Xero3009

    Xero3009 Well-Known Member

    Age:
    34
    Posts:
    200
    Likes Received:
    0
    Joined:
    Apr 3, 2005
    Location:
    South Carolina
    look alright to me except you use some bad HTML that's not allowed in XHTML

    the only other thing I can see that makes it look wierd is that you add spaces between your text holders and the text yet no spaces between the actual DIVs, in the code I mean
     
  5. Mysterio

    Mysterio Well-Known Member

    Posts:
    356
    Likes Received:
    0
    Joined:
    Aug 12, 2005
    Ah, pretty stupid now that i see it myself. Thanks for the comment :)
     
  6. llamapoop

    llamapoop Well-Known Member

    Posts:
    128
    Likes Received:
    0
    Joined:
    Jun 28, 2006
    code has a few unimportant errors with the divs but otherwise it is all good. I don't really like the design tho.
     
  7. Mysterio

    Mysterio Well-Known Member

    Posts:
    356
    Likes Received:
    0
    Joined:
    Aug 12, 2005
    Hehe yeah, in photoshop it looks great, mainly i needed something to code so half of the things arent actually there where in photoshop they are :)
     
  8. Wonderboy

    Wonderboy Well-Known Member

    Posts:
    1,347
    Likes Received:
    0
    Joined:
    May 19, 2005
    Nice job for your 2nd, i working on my 2nd atm and getting stuck trying to do a 3 column layout.
     
  9. Xero3009

    Xero3009 Well-Known Member

    Age:
    34
    Posts:
    200
    Likes Received:
    0
    Joined:
    Apr 3, 2005
    Location:
    South Carolina
    ok, put your site through the trust W3C validator and, of course, there are tons of errors :P

    so first off, you can see it for yourself: http://validator.w3.org/check?verbose=1&ur...ic.de%2Fcss2%2F

    ok first off, replace all of your <div align="center"> tags with <div style="text-align: center;"> that way it's XHTML valid.

    Another thing, you gotta close every tag that doesn't require a closer (IE,
    , , ect..) with a foreward slash infront of the last >. So ">" becomes " />".

    If you basically apply these rules to your code, it'll be fine :)
     
  10. Mysterio

    Mysterio Well-Known Member

    Posts:
    356
    Likes Received:
    0
    Joined:
    Aug 12, 2005
    Thanks for the help, ill try to keep it valid on my third try :) but nevertheless okay for 1.5hours css tops :)

    (loving css xD)
     
  11. Xero3009

    Xero3009 Well-Known Member

    Age:
    34
    Posts:
    200
    Likes Received:
    0
    Joined:
    Apr 3, 2005
    Location:
    South Carolina
    yes, CSS is something to love :P

    if you're truly interested in it, try reading some articles from http://alistapart.com

    it is led by jeffery zeldman, which practically created the concept of web-design ;)
     
  12. HarZens

    HarZens Well-Known Member

    Age:
    38
    Posts:
    648
    Likes Received:
    0
    Joined:
    Mar 28, 2005
    Location:
    Junín, Prov. de Buenos Aires, Argentina.
    hello =| i haven't been here since...well i actually don't remember :\

    anyways..

    one more tip:

    when u have boxes like the "content" ones, wich u have to repeat, don't use "ID", use "class" instead (in the .css file use ".content" instead of "#content", because u can't repeat an ID (wich is already declared) and a class it's for multiple uses in one page :)

    cheers.
     
  13. Plumbum

    Plumbum Well-Known Member

    Posts:
    88
    Likes Received:
    0
    Joined:
    Jun 18, 2006
    Hmm, your css looks nice, layout is erm...
     
  14. mnkey_rbbr

    mnkey_rbbr Well-Known Member

    Age:
    34
    Posts:
    536
    Likes Received:
    0
    Joined:
    Jul 13, 2005
    Location:
    New Zealand
    may I also add that it is a good idea to add background properties other then the image link, these are just incase an image fails to load or something.
     

Share This Page