www.webdeveloper.com
Recent Articles
  • Finding Slow Running Queries in ASE 15
  • A More Advanced Pie Chart for Analysis Services Data
  • Adobe AIR Programming Unleashed: Working with Windows
  • Performance Testing SQL Server 2008's Change Data Capture Functionality
  • The ABC's of PHP: Introduction to PHP
  • How to Migrate from BasicFiles to SecureFiles Storage
  • Why the Twitter Haters Are Wrong
  • User Personalization with PHP: Beginning the Application
  • Whats in an Oracle Schema?
  • Lighting Enhancement in Photoshop
  •  

    Go Back   WebDeveloper.com > Client-Side Development > CSS

    CSS Discussion and technical support relating to Cascading Style Sheets.

    Reply
     
    Thread Tools Search this Thread Rate Thread Display Modes
      #1  
    Old 02-13-2007, 01:20 PM
    Alexander.Ambro Alexander.Ambro is offline
    Freelance Web Designer
     
    Join Date: Jan 2007
    Posts: 9
    The Glory of <div> Tags

    I've heard the gospel of <div> tags all over this site, seen it in the source of the best looking websites, and heard it from many web designers, so much that I cannot take it any longer without joining in.

    Where is the best spot to start learning how to efficiently use <div> tags with css style, positioning, etc properties and dispense with messy table layout?

    Websites, books, all much appreciated.

    -Alex
    Reply With Quote
      #2  
    Old 02-13-2007, 01:55 PM
    ray326's Avatar
    ray326 ray326 is offline
    Got Link?
     
    Join Date: Nov 2003
    Location: Jerryville, Tejas
    Posts: 11,741
    Check the links in my sig and the many links off Zeldman's site.
    __________________
    Help Save Ana

    Why use Web Standards: Zeldman
    How (new): Castro
    How (experienced): Cederholm
    If you can only get one book and you're already HTML savvy then this is it:
    stylin' with CSS: A Designer's Guide
    Charles Wyke-Smith
    New Riders


    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan
    Reply With Quote
      #3  
    Old 02-13-2007, 04:14 PM
    Centauri's Avatar
    Centauri Centauri is offline
    Registered User
     
    Join Date: Mar 2006
    Location: Newcastle NSW Australia
    Posts: 4,033
    This site is also a good one for beginners.

    Cheers
    Graeme
    Reply With Quote
      #4  
    Old 02-13-2007, 04:36 PM
    Alexander.Ambro Alexander.Ambro is offline
    Freelance Web Designer
     
    Join Date: Jan 2007
    Posts: 9
    recommendations

    Thanks, but I was looking for something devoted to building pages with <div> tags...

    any gems out there for something versed in html and css, just not yet a devotee of the div?
    Reply With Quote
      #5  
    Old 02-13-2007, 05:02 PM
    Centauri's Avatar
    Centauri Centauri is offline
    Registered User
     
    Join Date: Mar 2006
    Location: Newcastle NSW Australia
    Posts: 4,033
    Building pages using only div elements would be just as limiting as using tables for layout. The whole point of modern css styling is to use whatever element is the most appropriate for the situation, and to style it accordingly - the div is only one of many tools at our disposal.

    Cheers
    Graeme
    Reply With Quote
      #6  
    Old 02-13-2007, 05:56 PM
    WebJoel's Avatar
    WebJoel WebJoel is offline
    Super Moderator
     
    Join Date: Dec 2005
    Location: American, living in Toronto, ON. CANADA
    Posts: 6,668
    Quote:
    Originally Posted by Alexander.Ambro
    Thanks, but I was looking for something devoted to building pages with <div> tags...

    any gems out there for something versed in html and css, just not yet a devotee of the div?
    Know that the best web pages are built using DIVs is not quite as important as knowing why. I still use tables, -where they are appropriate. I just don't use nearly so many. And this business of table-nested-in a table nested-in-another table, etc, is old school...

    Here is a bookmark-worthy site and a fun read read on the subject:

    http://www.hotdesign.com/seybold/index.html
    __________________
    Help Save Ana My Portal: I Build WebPages
    Pricing? Read:http://www.webdeveloper.com/forum/pricing_faq.html
    AUP: http://www.jupitermedia.com/corporate/privacy/aup.html
    I test with: Firefox, Mozilla, Opera, Safari-on-XP, Google Chrome, SeaMonkey
    Internet.com freelancers
    Reply With Quote
      #7  
    Old 02-14-2007, 12:05 AM
    ray326's Avatar
    ray326 ray326 is offline
    Got Link?
     
    Join Date: Nov 2003
    Location: Jerryville, Tejas
    Posts: 11,741
    Quote:
    Thanks, but I was looking for something devoted to building pages with <div> tags...

    any gems out there for something versed in html and css, just not yet a devotee of the div?
    Edit/Delete Message
    You're missing the point. You use a rich set of semantically correct tags for your mark up and apply styles to that. There are relatively few divs; divs being semantically neutral structural elements. I'd recommend a good dose of Zeldman to get started so you'll understand WHY the page layout paradigm changed.
    __________________
    Help Save Ana

    Why use Web Standards: Zeldman
    How (new): Castro
    How (experienced): Cederholm
    If you can only get one book and you're already HTML savvy then this is it:
    stylin' with CSS: A Designer's Guide
    Charles Wyke-Smith
    New Riders


    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan
    Reply With Quote
      #8  
    Old 02-14-2007, 02:30 PM
    felgall's Avatar
    felgall felgall is offline
    Computer Consultant
     
    Join Date: Mar 2005
    Location: Sydney, Australia
    Posts: 7,982
    A lot of people who finally realise that using tables to lay out their page then catch divitis and start using divs to lay out their page. They then end up with dozens of supurluous div tags on their page which is almost as bad as using tables since the idea of semantic markup is to use the tags that identify the content.

    Use a table to identify tabular data.
    Use a div to identify the divisions within your content.

    Use the right tags to identify the content within those divisions and apply the CSS to whatever tag identifies the content.

    Don't add unnecessary divs to your page.
    Reply With Quote
    Reply

    Bookmarks


    Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
     
    Thread Tools Search this Thread
    Search this Thread:

    Advanced Search
    Display Modes Rate This Thread
    Rate This Thread:

    Posting Rules
    You may not post new threads
    You may not post replies
    You may not post attachments
    You may not edit your posts

    BB code is On
    Smilies are On
    [IMG] code is Off
    HTML code is Off
    Forum Jump


    All times are GMT -5. The time now is 04:33 PM.



    Acceptable Use Policy


    The Network for Technology Professionals

    Search:

    About Internet.com

    Legal Notices, Licensing, Permissions, Privacy Policy.
    Advertise | Newsletters | E-mail Offers

    Powered by vBulletin® Version 3.7.3
    Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.