/    Sign up×
Community /Pin to ProfileBookmark

How to create a new website? Tables, frames, div tags

Howdy folks,
Quick question, I am creating a new website and i would like to know… Should i use CSS and Div Tags to create this site because i hear this is the proper way of creating a site now? Before now, i have been using tables and frames…

Fet

to post a comment
Full-stack Developer

11 Comments(s)

Copy linkTweet thisAlerts:
@KravvitzFeb 25.2006 — The point is to not simply replace <table>s with <div>s. The point is to use semantically correct markup.

http://www.camaban.co.uk/semanticwhat.php

http://www.webaim.org/techniques/structure/

http://www.brainstormsandraves.com/articles/semantics/structure/

[url=http://davespicks.com/essays/notables.html]Why avoiding tables (for layout) is important[/url]

[url=http://www.workingwith.me.uk/tablefree/why/]Why go table free?[/url]

[url=http://www.dorward.me.uk/www/nested/]Nested Tables: About the (ab)use of tables as layout tools in webpages.[/url]

[url=http://www.sitepoint.com/article/tables-vs-css/]Tables Vs. CSS - A Fight to the Death[/url]

[url=http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html]Why Tables Are Bad (For Layout) Compared to Semantic HTML + CSS[/url]

[url=http://www.westciv.com/style_master/house/good_oil/dead_layout/]The layout is dead, long live the layout[/url]

[url=http://evolt.org/article/Tables_or_CSS_Choosing_a_layout/25/21429/]Tables or CSS: Choosing a layout[/url]
Copy linkTweet thisAlerts:
@dmcv_co_ukFeb 25.2006 — Nog Dog your Subtlety proceeds you...!

Basicly my friend there are webstandards to adear to & using tables & frames are not the way to do this!

CSS & Div Tags are the future! stick to this way of design!
Copy linkTweet thisAlerts:
@NogDogFeb 25.2006 — Note: Don't succumb to "divitis", the over-use of DIV tags. You will likely need to use some, but if your content is sufficiently and correctly marked up with semantically meaningful HTML tags (headings, paragraphs, ordered and unordered lists, definition lists, etc.) you'll probably have 95% or more of the "handles" you already need for your CSS styling. I often see something like this in beginners' attempts at using CSS:
[code=html]
<div id="head">
<h1>This Is the Title</h1>
</div>
[/code]

This can be styled just as easily with
[code=html]
<h1 id="head">This Is the Title</h1>
[/code]

(In fact, if you plan to only use one H1 tag on the page, you don't even need the id="head" part.)
Copy linkTweet thisAlerts:
@dmcv_co_ukFeb 25.2006 — the dog hit the nail on the head there spot on!!!!!
Copy linkTweet thisAlerts:
@CarlsDadFeb 27.2006 — If you do not use an ID for the h1 title, can you apply css postioning to the h1 element?

I suppose I can try just as easy as ask, but I thought others might need to know.
Copy linkTweet thisAlerts:
@CarlsDadFeb 27.2006 — The answer is yes, I combined by #title and h1 from my css into

H1 {

font-family:Arial, Helvetica, sans-serif;

font-size:1.2em;

color:#CC0000;

font-weight:bold;

position: relative;

width:100%;

text-align:center;

margin:0 0 25px 0;

}

And it works the same. Now I have to go back and see what else I can consolidate.

Thanks dog.
Copy linkTweet thisAlerts:
@dmcv_co_ukFeb 27.2006 — Oh its great how we can talk to our selfs on here & not seem insaine!!!! LOL
Copy linkTweet thisAlerts:
@WebJoelFeb 28.2006 — http://www.hotdesign.com/seybold/index.html[/QUOTE]
That is still one of the most remarkable & fun URLs out there, folks, and it's always a good read (or, re-read!)!

Joel
Copy linkTweet thisAlerts:
@seannaAug 22.2013 — If you are new in web designing, this article might help you in creating a new website: http://www.webhostingsuggestion.com/2013/08/how-to-create-new-website.html
Copy linkTweet thisAlerts:
@AidanShyAug 23.2013 — NogDog you have shared a very good link.

I was visiting there and found it very helpful and this forced me to say a thanks to you. I am new to the forum and quite satisfied with its usefulness.

Thanks a lot to share such good information.
×

Success!

Help @scottyrob spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...