...

View Full Version : CSS vs HTML



andilcho
07-16-2011, 02:07 AM
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...

teedoff
07-16-2011, 02:28 AM
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.

andilcho
07-16-2011, 04:27 AM
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

Asher01
07-16-2011, 07:37 AM
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

abduraooft
07-16-2011, 07:47 AM
Here's the url;

sigautoparts.com
The usage of table for making layout is a very bad (http://www.hotdesign.com/seybold/) 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 (http://boagworld.com/technology/semantic-code-what-why-how).

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 (http://www.alistapart.com/articles/doctype/) is incomplete.

Daniel_A_Varney
07-16-2011, 06:27 PM
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.


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.

Daniel_A_Varney
07-16-2011, 06:33 PM
Somebody please tell me...

Okay - go to www.w3schools.com (http://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.

Sammy12
07-16-2011, 06:34 PM
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

reihaan
07-17-2011, 09:10 AM
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,



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum