How to put Layout inside my page

Discussion in 'HTML & Website Design' started by sablon, Jan 25, 2009.

  1. #1
    Hello folks!

    I'm just this guy who is trying to make a website. I did manage to make one, but there is too much content and no layout....

    Here's an example of a layout I like...
    http://www.freewebsitetemplates.com/preview/musicshop/

    now can anyone explain me the basics to do a layout a bit like this. I want to make theses Sqares where you put the info in for my "ACTS" page on my website

    http://www.circusconcepts.com/artistic/eng/index.php

    ...Help anybody?

    Any tricks or comments on how to put contents so it looks good would be appreciated!
     
    sablon, Jan 25, 2009 IP
  2. Tjobbe

    Tjobbe Peon

    Messages:
    45
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Sablon, these boxes are more commonly referred to as columns, just an fyi.

    Your web page is made up of html, and your html has been created in such a way that it has caused many errors in the "behind the scenes" of your web page. Although this doesn't relate to what you want to do it's usually considered best practice to have html code that is validated as per: validator.w3.org (put your web address in here and it will tell you lots of problems).

    These problems can cause your wbe page to display differently in different web browsers.

    Now, back to your problem.

    You CAN create columns using tables, like you have been doing, but this is not recommended. The best way to create web pages is by using div's and assigning widths to div's using css.

    All this might be way over your head, in which case it is a good idea to read up a bit on html - search for html tutorials - its well worth it.

    Alternatively, head on over to some free template sites and find a design you want to use or one that closely resembles what you want and then customise it.

    here are some links;

    opendesigns.org
    openwebdesign.org
    oswd.org

    I learnt by downloading free templates and customising them to my needs.

    Good luck!
     
    Tjobbe, Jan 26, 2009 IP
  3. sablon

    sablon Peon

    Messages:
    38
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Kool thanks.

    I'm going to check the Validator Tool. I know my website is crap on Internet Explorer probably due to error in my HTML.

    I'm more the kind to learn from playing with free templates too... :)

    That's what I planned to do with the link I put in, but I need to make some reading first.

    Thanks for the info on the free templates thus, that'll be very usefull.

    But what I didn't quite get was how to 'encircle' my colums...but from the free template I think I'Ll figure it out.

    Thanks again
     
    sablon, Jan 26, 2009 IP
  4. Tjobbe

    Tjobbe Peon

    Messages:
    45
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Can you explain to me what you mean by encircling?

    I do want to help you, just need to explain it a little more that's all.
     
    Tjobbe, Jan 26, 2009 IP
  5. sablon

    sablon Peon

    Messages:
    38
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Sorry.

    Putting a "border" with round corners or with style
     
    sablon, Jan 26, 2009 IP
  6. Tjobbe

    Tjobbe Peon

    Messages:
    45
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Tjobbe, Jan 26, 2009 IP