Layout/Content boxes for my website, need help

Discussion in 'HTML & Website Design' started by Acoustic, Oct 6, 2012.

  1. #1
    Currently building a gaming website and have gotten the Nav Bar and Logo done but need some help with the layout and content boxes beyond that. Homepage is added in form of picture in attachments.

    Any suggestions would be helpful, considering this is my first website. Thanks!
     

    Attached Files:

    • New.jpg
      New.jpg
      File size:
      92.7 KB
      Views:
      68
    Acoustic, Oct 6, 2012 IP
  2. ntmedia

    ntmedia Active Member

    Messages:
    118
    Likes Received:
    11
    Best Answers:
    7
    Trophy Points:
    90
    #2
    copy the code here or host it somewhere to see.
     
    ntmedia, Oct 6, 2012 IP
  3. Acoustic

    Acoustic Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Tried to post the code but the site hasn't approved of it yet.
     
    Acoustic, Oct 7, 2012 IP
  4. ntmedia

    ntmedia Active Member

    Messages:
    118
    Likes Received:
    11
    Best Answers:
    7
    Trophy Points:
    90
    #4
    Never heard of it. Site doesn't allow placing links in here, so I guess that's why. Once you have at least 10 posts then you can copy links. Just don't spam the board, I guess they check that, I can't help you out without the code.
     
    ntmedia, Oct 7, 2012 IP
  5. Acoustic

    Acoustic Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Everytime I try to post the code it says it needs to be reviewed by a moderator and they haven't done anything in a couple of days so....

    Would uploading the index.html file and CSS file be enough? I don't have hosting yet.
     
    Acoustic, Oct 7, 2012 IP
  6. sweetkate

    sweetkate Well-Known Member

    Messages:
    381
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    115
    #6
    i see you can send them via pm or email. u need to wait till you get enough post for approval..
     
    sweetkate, Oct 7, 2012 IP
  7. ntmedia

    ntmedia Active Member

    Messages:
    118
    Likes Received:
    11
    Best Answers:
    7
    Trophy Points:
    90
    #7
    Ok so here you go.

    First, never put height on container, in your case content_wrap. Instead put it to height: auto; and just after the closing </div> for it, include <div style="clear:both"></div> in case you have floating elements in your container.

    Also, why did you name your header #header1, why just not #header? You're not going to have 2 headers anyway :)
    Next, it's a lot better to use listing for navigation instead of pointing to images. Better for SEO, better for bandwidth, better for everything. Learn lists.

    Your background is huge as well (noticing on attachment). Background isn't something you want to draw a lot of attention to (although there are exceptions). Use smaller images, patterns, colors, gradients, etc. Anything that is repeatable or just not too large in size.

    That would be it for now, because you didn't include much.
     
    ntmedia, Oct 8, 2012 IP
  8. Acoustic

    Acoustic Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Had 2 headers at one point, need to fix that. Rest of the info is good.

    My main problem is how to design content boxes and what they should look like. I know you create them photoshop but after they are made how do you put them into say...dreamweaver?
     
    Acoustic, Oct 8, 2012 IP
  9. ntmedia

    ntmedia Active Member

    Messages:
    118
    Likes Received:
    11
    Best Answers:
    7
    Trophy Points:
    90
    #9
    Well you've got to know HTML and CSS to do that. Google for "PSD to HTML process" and try finding useful links.

    Dreamweaver won't be giving you knowledge that you can use all the time if you're using WYSIWYG. It's a lot more useful to learn and understand the code you're working on.
     
    ntmedia, Oct 8, 2012 IP
  10. Acoustic

    Acoustic Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Always do, just like DW because I can see the changes right after I make them.
     
    Acoustic, Oct 8, 2012 IP
  11. bettylamb24@yahoo.com

    bettylamb24@yahoo.com Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    I can see the changes right after I make them.
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
     
    bettylamb24@yahoo.com, Oct 8, 2012 IP