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 9 of 9

Thread: CSS vs HTML

  1. #1
    New Coder
    Join Date
    Feb 2003
    Location
    Miami. Fl.
    Posts
    47
    Thanks
    1
    Thanked 0 Times in 0 Posts

    CSS vs HTML

    I'm wondering... Is CSS along with DIV TAGS taking over HTML based sites regarding "TABLES & CELLS"?

    Please look at wqam.com & nhl.com

    They have the entire screen filled beautifully and I can't seem to do that with Dreamweaver by moving cells around.

    Somebody please tell me...

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    First, CSS is completely different than html. Tables, tags, divs, paragraph tags, all ARE html.

    Second, yes tables used for layouts are completely outdated and vehemently discouraged. In fact, all css style rules should ultimately be kept separate from html and content mark-up.

    If you post your code, or better a link to your site you're working on, we might be able to help.
    Teed

  • #3
    New Coder
    Join Date
    Feb 2003
    Location
    Miami. Fl.
    Posts
    47
    Thanks
    1
    Thanked 0 Times in 0 Posts

    'CSS vs HTML'‏

    Thank you for your response.

    What I had in mind was to occupy the right side of the page layout but it's not working out.

    Here's the url;

    sigautoparts.com

  • #4
    New Coder
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    47
    Thanks
    1
    Thanked 3 Times in 3 Posts
    Yes Div's are much more suited and easier to use for page layouts.

    If you are new to Div's, have a read here:

    http://www.w3schools.com/html/html_layout.asp

    As for your positioning problems, you may find the answers here:

    http://www.w3schools.com/css/css_positioning.asp

    http://www.w3schools.com/css/css_float.asp

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Here's the url;

    sigautoparts.com
    The usage of table for making layout is a very bad practice. In fact, you shouldn't use the design view of any WYSIWYG editors for making your document. Instead, you should hand code everything by utilising the most semantic tags.

    I'd recommend you to have a look at http://bonrouge.com/2c-hf-fluid.php to see how to make a good 2 column layout with CSS.

    PS: Your DOCTYPE is incomplete.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    Regular Coder
    Join Date
    Jul 2011
    Posts
    105
    Thanks
    12
    Thanked 1 Time in 1 Post
    Quote Originally Posted by andilcho View Post
    I'm wondering... Is CSS along with DIV TAGS taking over HTML based sites regarding "TABLES & CELLS"?
    It has already. For more than the last half-decade at least, we have seen a huge decline in the use of tables for layout. Yes, tables for layout are vehemenently discouraged by the web-standards fraternity and those keen to promote it. Whether you decide to stick with tables or go with CSS is your choice. Despite what most people will tell you here, there are justifications for both, depending on your circumstances; in exactly the same way as steam vs electric or the choice to fit double glazing to your home. Except, in some regions, it becomes mandatory for large businesses and service industries to make their pages accessible to readers with disabilities... and that is only achievable, to any great extent, with CSS.

    As you can see, there is no real difference in aesthetic functionality for entertainment sites to use either tables or CSS for layout... until you put your head under the bonnet and observe the relative efficiency of the methods.

    Quote Originally Posted by andilcho
    Please look at wqam.com & nhl.com

    They have the entire screen filled beautifully and I can't seem to do that with Dreamweaver by moving cells around.

    Somebody please tell me...
    Dreamweaver, by default, tends to offer one of two major ways of positioning. One is the table layout and the other will be using DIVs controlled by absolute positioning. Although easy to strike up for a 'pose', in actual practice, the latter is actually worse than using tables for making flexible pages.

    wqam.com has those tell-tale signs of being authored with Dreamweaver. The .js script, up top, to control the mouse behaviours and the table layout.

    If you want to design something similar, it is possible with CSS. It will be a whole lot more elegant in it's construction, too - but you may have to drop your current way of thinking about site construction and get into hand coding in order to take full advantage of it.

    One reason you might stick with tables is if your company absolutely cannot afford the learning curve and the associated downtime. However, it would be wise to use any spare time available learning the CSS box model because, in time, this will definitely pay off in many important ways.
    Last edited by Daniel_A_Varney; 07-16-2011 at 07:43 PM.
    Try to keep a straight face whilst considering the following question:

    "How do I download the internet?"

  • #7
    Regular Coder
    Join Date
    Jul 2011
    Posts
    105
    Thanks
    12
    Thanked 1 Time in 1 Post
    Somebody please tell me...
    Okay - go to www.w3schools.com and start learning how the box model works - because if you stick with Dreamweaver and use only absolute positioning, you will not learn very much about this. You can still use Dreamweaver as your editing/ coding application but instead of being a slave to it's proprietary formatting tools, you will be learning important coding skills, which will make you a better designer.
    Try to keep a straight face whilst considering the following question:

    "How do I download the internet?"

  • #8
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    oh man i hate wysiwyg editors. i would use notepad++ or my old reliable pnotepad I would also recommend downloading xampp (apache server)

    http://www.apachefriends.org/en/xampp.html

  • #9
    New to the CF scene
    Join Date
    Jun 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You need to to use the coding , and adjust everything from there, if you try to edit it using dreamweaver GUI , then it will messed up,


  •  

    Posting Permissions

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