/    Sign up×
Community /Pin to ProfileBookmark

CSS/tables – complete css newbie

Hey guys,
I was just wondering if there’s any easy way to convert my site to css layout rather than tables and make a start on learning css in the process? I know it’s a wierd question but any help would be extremely helpful ‘cos i’m having trouble knowing where to start?
Thanks in advance,
Neil

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@NogDogSep 26.2005 — I don't know of an "easy" way. Generally you'll need to first go through the entire page and edit it so that it the HTML markup is "semantically meaningful" and only uses table tags for actual tabular material. Then you may need to add some DIV tags around groups of elements that belong together and will need to be positioned on the page or otherwise styled. Then you would create your CSS style, adding ID's or CLASSes to HTML elements as needed to control which elements have which styles applied to them.

The next step will be to get frustrated, think tables are much easier so why bother, post some specific questions here, study layouts on other sites, read articles and examples here and at places like alistapart.com and bluerobot.com.

Hopefully you'll then make it to the final step, which is the "Eureka Moment". Then it will all start to make sense, you'll get over the typical "divitis" situation of using too many superfluous DIV tags, and start to wish that most of the introdutory HTML books and tutorials that abound did a better job of teaching this stuff "right" instead of treating CSS as some advanced concept that should be learned after you learn how to do it [wrong] with HTML.

?
Copy linkTweet thisAlerts:
@hackdesignerauthorSep 26.2005 — Thanks heaps for the reply... It's a daunting task. You can see the page I want to change here - http://home.iprimus.com.au/jediwdog/stephens.htm - it uses divs that change when the users clicks the button. Do you see any obsticles in useing those with the css layout?
×

Success!

Help @hackdesigner 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.16,
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,
)...