SitePoint Sponsor

User Tag List

Results 1 to 15 of 15
  1. #1
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Guide to use what in different situations

    Hello!


    So I'm getting confused how to set up the page properly.

    If I'm going to use a div tag there or just a table there or something else or whatever.

    Is there any guide tutorial that has helped you to show what u should use in each situation?

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,582
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I'll give you a brief rundown. Someone could talk for pages and pages and pages about this subject.

    Use <div>'s majority of the time. Divs are for division, aka a division of the page. Header, sidebar, footer, etc.

    The only times you should be using tables, is when you have tabular data you need to display. Even then, it's not for layout. It was only done in the old days because it was easy to do, and CSS was a pain to work with, due to limited browser support.

    Basically just have an idea of what you want your final product to look like, content included. Think about logically how to slice it up.

    Take my website (link in sig and I don't want to post it to make it seem like I'm advertising). It has some parts to it. The title at the top, that can be a header. Navigation bar on the left, that's a sidebar. Contenet area to the right of that. Footer.

    You could mark it up something like

    <wrapper>
    <header>
    <sidebar><content>
    <footer>
    </wrapper>

    My website doesn't do that, but right there is a good example of konwing how to mark it up. I'd float sidebar/content to make it side by side. Clear:both; on the footer, in this example, so it doens't snag on the floats above it. Are you starting to get the picture? Just logically think about how to mark up a page, and go from there.

    Even if you don't know how you will position it, just assume we will know how to do it, and mark it up . We will be here to correct anything. But that example I just gave is generically OKAY.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I Love you. Well, since you're writing such a long text i feel stupid replying back such a small text, since I don't really have much move to say cause you pretty much explained what I wanted to know.


    EDIT: I Like your site, clean and simple.


    Quote Originally Posted by RyanReese View Post
    I'll give you a brief rundown. Someone could talk for pages and pages and pages about this subject.

    Use <div>'s majority of the time. Divs are for division, aka a division of the page. Header, sidebar, footer, etc.

    The only times you should be using tables, is when you have tabular data you need to display. Even then, it's not for layout. It was only done in the old days because it was easy to do, and CSS was a pain to work with, due to limited browser support.

    Basically just have an idea of what you want your final product to look like, content included. Think about logically how to slice it up.

    Take my website (link in sig and I don't want to post it to make it seem like I'm advertising). It has some parts to it. The title at the top, that can be a header. Navigation bar on the left, that's a sidebar. Contenet area to the right of that. Footer.

    You could mark it up something like

    <wrapper>
    <header>
    <sidebar><content>
    <footer>
    </wrapper>

    My website doesn't do that, but right there is a good example of konwing how to mark it up. I'd float sidebar/content to make it side by side. Clear:both; on the footer, in this example, so it doens't snag on the floats above it. Are you starting to get the picture? Just logically think about how to mark up a page, and go from there.

    Even if you don't know how you will position it, just assume we will know how to do it, and mark it up . We will be here to correct anything. But that example I just gave is generically OKAY.

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,582
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Glad I could be of help .

    Thanks for the compliment on my website.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    How long have you been doing webdesign? I'm 17 btw. :P
    Quote Originally Posted by RyanReese View Post
    Glad I could be of help .

    Thanks for the compliment on my website.

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,582
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by kvnwpts View Post
    How long have you been doing webdesign? I'm 17 btw. :P
    I've been dabbling in web design since I was 13, turning 14.

    17? Not bad. Keep at it
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  7. #7
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Wow thats long, and you know very much, I hope I can be as good as you someday .
    Quote Originally Posted by RyanReese View Post
    I've been dabbling in web design since I was 13, turning 14.

    17? Not bad. Keep at it

  8. #8
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by kvnwpts View Post
    Wow thats long, and you know very much, I hope I can be as good as you someday .
    Lord, don't feed his ego. Ryan, how's it feel to be morphing into one of the "old hands?" I'll send you some coupons for Geritol.

  9. #9
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,582
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Black Max View Post
    Lord, don't feed his ego. Ryan, how's it feel to be morphing into one of the "old hands?" I'll send you some coupons for Geritol.
    I've still got a few years on me before I even consider myself Prime Rib .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  10. #10
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Sometimes I don't understand what you're saying but you guys seems to be funny anyway.. lol I only know all the basic english words. Well, it's actually my teachers fault everything.

    EDIT: I didnt understand "morphing into one of the "old hands?" I'll send you some coupons for Geritol. " and the thing with prime rib. :P

  11. #11
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,582
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Off Topic:

    I think by old hand, he meant "experienced", or maybe just getting flat out older :P.

    By Prime Rib, I was just basically saying I think I still have a few years left (I'm 20) before I consider myself old (or at the peak of my knowledge level).
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  12. #12
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Gotcha!
    Quote Originally Posted by RyanReese View Post
    Off Topic:

    I think by old hand, he meant "experienced", or maybe just getting flat out older :P.

    By Prime Rib, I was just basically saying I think I still have a few years left (I'm 20) before I consider myself old (or at the peak of my knowledge level).

  13. #13
    SitePoint Enthusiast
    Join Date
    Mar 2010
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Im gonna b 26, started at 13-14....lost pretty much all the knowledge i had and am back at square one. It really sucks starting from the bottom again. Id probably have my degree and a bad a$$ job but not the case.

    Sent from my DROID BIONIC

  14. #14
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    That sucks.
    Quote Originally Posted by dcreative View Post
    Im gonna b 26, started at 13-14....lost pretty much all the knowledge i had and am back at square one. It really sucks starting from the bottom again. Id probably have my degree and a bad a$$ job but not the case.

    Sent from my DROID BIONIC

  15. #15
    SitePoint Enthusiast Lil_Kins0's Avatar
    Join Date
    Mar 2012
    Location
    Nigeria
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Am 18 here, will be turning 19 by July. Started learning seriously late last year, its not been that hard cos i kinda gat the basic earlier on.


Bookmarks

Posting Permissions

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