|
|
ultimatehandyman
regular
Reg'd: Sat
Posts: 257
Loc: Darwen, Lancs, UK
|
|
I have decided to change every single page of my site (roughly 600 pages)and instead of using basic html I am using CSS.
Jim from http://www.jimpix.co.uk/ recommended that I learn CSS when I first posted my site on here in the members websites area, almost 2 years ago. I have not had time to learn CSS, but I can make CSS pages in dreamweaver.
My site often gets in excess of 500,000 page views per month and so by using CSS I can tidy up the site a hell of a lot and can also reduce the bandwith used by roughly 50%.
The main reason for updating the site is to get it up to a decent standard as it seems that in the future some browsers will not support font tags and so I am using CSS instead.
Whilst I am updating the site I am also trying to get it to validate through the W3c consortium. I don't really care if the pages validate or not as long as they work in all browsers, but some people believe it matters and so I am trying to validate the pages as well, this is where I am stuck 
So far I have only done one test page in CSS, which is here-
http://www.ultimatehandyman.co.uk/taps/index.htm
I have validated the .CSS file, which had no errors. But when I try and validate the page I get this error-
Please, validate your XML document first!
Line 45
Column 42
Element type "a" must be followed by either attribute specifications, ">" or "/>".
I validated the document from within dreamweaver and it found no errors at all!
Any advice would be appreciated?
Thanks in advance
chez
|
|
dangermouse75
regular
Reg'd: Sat
Posts: 1869
Loc: Leicestershire
|
|
Hi Chez,
I'm in the same boat as you. About to embark on redesigning my site with CSS. I will be using Expression Web though.
I haven't started yet, but I am planning to refer to these tutorials to help me learn CSS. Scroll down to the CSS links.
Hope they help.
Chris
|
Dunx
regular
Reg'd: Tue
Posts: 142
|
|
Somewhere amongst these you should find a tutorial that suites you.
sitepoint - css tutorials
elated - css tutorials
w3schools - css tutorials
The last in this list is fairly comprehensive, the tutorials include many examples which can be viewed in action. It'll take you from the basics to advanced in easy to understand steps.
If you want to see how css works and how it can be used, have a look here: Dynamic Drive CSS Library
I tend to shy away from "inline" or "embedded" styles, it seems to defeat the whole object if you are putting css within an X/HTML document. Fine perhaps if you've got a one page website.
Use an external .css file and everything can be changed on just one document, no matter how many pages you've got.
I hope this is of some use to you.
All the best - Duncan
--------------------
bolitho
Under One Roof
|
dangermouse75
regular
Reg'd: Sat
Posts: 1869
Loc: Leicestershire
|
|
This is also a good article for people new to CSS.
http://www.communitymx.com/content/article.cfm?cid=FAF76&print=true
|
Dunx
regular
Reg'd: Tue
Posts: 142
|
|
This extension for Firefox: Tidy - HTML validator will tell you instantly if your code validates or not without any interaction being necessary. It sits in the status bar.
This extension is something I use constantly: Web developer toolbar also for Firefox.
If you need Firefox it's here: Firefox 2.0
All the best - Duncan
--------------------
bolitho
Under One Roof
|
ultimatehandyman
regular
Reg'd: Sat
Posts: 257
Loc: Darwen, Lancs, UK
|
|
Thanks for the replies and links, I must say that I am very impressed with CSS!
It is roughly halving the size of the pages on my site, although that is not really an issue, they will load much faster on dial up.
|
Previous
Index
Next
Threaded
Edit
Reply
Quote
