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 8 of 8
  1. #1
    New Coder Ibanez's Avatar
    Join Date
    Nov 2008
    Location
    South Africa
    Posts
    73
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Really good <div> tuts

    Hello everybody!

    Recently I have seen the error in my ways (by that I mean that it was pointed out to me by the pro's) that tables and layout should not appear in the same sentence...

    So does anybody know of awesome tuts about divs? Like what you can do with it in CSS and what you can do for it to be cross browser friendly etc etc...

    I really want to do things the correct way!

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    http://htmldog.com/ contains some good articles and tutorials.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,703
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    If you wanna do things correctly, you shouldn’t search for “tutorials about divs” (the division ist just one of many HTML elements that can be used to create documents) but you should reather learn how to mark up your documents with semantic code. That’s the way to go. And actually a div element has no real semantic value at all, it’s just a generic block element to divide the document into sections (e. g. to ease further styling with CSS).

    And note that a table has a semantic value, namely to structure data (e. g. phone/adress directory, product/price list etc.). However, it has been greatly misused to create a page layout in the past and this is the thing that’s frowned upon nowadays.

  • #4
    New Coder Ibanez's Avatar
    Join Date
    Nov 2008
    Location
    South Africa
    Posts
    73
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Yeah I know its a "meaningless" tag but is it not better to use divs for layout rather than tables?

  • #5
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Yes but, as Stephan said, it's like asking if anyone has a tutorial about <p>. Divs are just a structural element similar to <p>.

  • #6
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    Here is a great series of blog posts about the usage of floats, which I agree can often be overused with <div>s and can cause problems. So while this is not exactly about <div>s, I find it a great set of posts about positioning techniques avoiding the float property. After all, the <div> has become a workhorse in web design, and it is easy to replace tables with <div> tables.

    http://www.onderhond.com/blog/work/f...1-introduction
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #7
    New Coder Ibanez's Avatar
    Join Date
    Nov 2008
    Location
    South Africa
    Posts
    73
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Ahh... I get your point... Im sort of new to this and would like to do things correctly and not add to the web being full of sites with incorrect markup and stuff...
    I think VIPStephan had a good point with semantic code...
    Just as a matter of interest... I understand that a decent web designer/developer always continues to learn and never "knows everything" but how long does it take to actually be sort of good? (and to be able to ditch dreamweaver for hand coding?)

  • #8
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    It depends on how hard you work at it really. If you start without DW now, you'll be faster later without it, however I still use it just because I like the IDE. But the key is to learn how the coding works (not necessarily to memorize every tag or property, but know that there is one available that you can look up!).

    Also coding is one stop, designing is another. Designing takes place away from code, and works with the left part of your brain. So in this one, it really just depends on your inherent skills and how fast you can pick up design trends and techniques.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.


  •  

    Posting Permissions

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