Are you a Google Analytics enthusiast?
More SEO Content
In Need Of Css Tutorial
Posted 04 August 2003 - 01:17 PM
I am in the process of learning CSS...I am unsure where/how to start. Can anyone help point me in the right direction? I have a site in the 100 page range and its in need of some help.
I know HTML but honestly I am a little intimidated by the idea of how to implement this new code (although it has been pointed out that I need to do so RIGHT NOW! ).
Any links ya'll have or BASIC from-scratch tutorials would be really appreciated. Thanks, ya'll......wish me luck!
Posted 04 August 2003 - 02:00 PM
Learning CSS will be the best move you ever made in web design.
The evangelical CSS guru is Eric Meyer. He has a site MeyerWeb which has lots of goodies. Make sure to check out CSS/Edge and CSS info links.
Also, you should join the CSS discussion list. It's an email newsletter with the smartest minds in CSS. The objective is to help beginners, but there is such a thing as a dumb question, so ask wisely. Just reading the email will teach you a lot, and it helped me a ton when I hit roadblocks. Actually, Jill you should have a CSS questions section (maybe you already do? I just got here?)
The best thing you can do is get moving with CSS. The great thing about it is that you can do something easy (like format font-family or H1's) immediately. Then once you feel the power, you'll want more.
What I did in the beginning is worked off of other stylesheets and copied what they did.
For example: look at the code on this page and the check out the stylesheet for the site. You can copy any of these very easily and then add your own colors, format, etc.
Posted 04 August 2003 - 02:18 PM
Thanks for the quick reply! You've given me a good head start, although the part about there being a dumb question is a little scary--I don't really need someone calling me a dumba$$ on the internet so I'll back off that one.
I'm gonna check the links you gave...thanks again.
Hey Jill, could ya'll give some thought to some CSS/HTML threads around here? Or if there's a better place for me to ask some "dumb" questions on this forum, could you let me know?
Posted 05 August 2003 - 12:05 AM
No need for CSS to be intimidating at all. In a nutshell what css does is allow you to set up a formatting for a particular situation, put that in your css stylsheet as a class (perhaps.bodytext) then whenever you need that formatting all you need to do is declare that class instead of all the alignment, font, color, size, spacing etc etc tags you would use in straight html.
The stylesheet is in text format and can be constructed in Notepad or you can use one of the free stylesheet editors, or if you use Dreamweaver, you can construct and edit your stylesheets there.
For instance you could decide that the entire table that your body text was in would use the .bodytext class in which case <table.bodytext> or <table class="bodytext"> will format everything inside that table just as you have specified with no addtional code necessary. If you want to make one particular part of that table, say a cell, in the bold style you have declared you just make it <td.bold> and that element will be formatted that way. Individual words or paragraphs can use <span class="bold"> Put your content here </span>.
The really big advantages are that you save lots of code, and you can make sitewide changes simply by changing one line in the stylesheet.
When you then save the stylesheet to an external file and refer to it on each page you save lots of code, time and effort.
There are lots of good css tutorials on the web, just google for css tutorials for lots of how to info.
Hope this helps
Posted 05 August 2003 - 01:04 AM
You've given me a good head start, although the part about there being a dumb question is a little scary--I don't really need someone calling me a dumba$$ on the internet so I'll back off that one.
I've been getting the emails from that listserv in digest form for the last three or four months. That means I might get one or two emails a day from the list. I read them most days, but not everyday. I haven't asked any questions, or made any posts, but I feel like I'm learning a lot from the discussions, and from the suggestions that are made to help other people with their sites.
As Drew-z stated, many of the people who answer questions on that list are the experts on CSS. It's a good place to see excellent solutions to problems being suggested.
Will I ever post there? Maybe someday, when I feel like I know as much as some of the other people answering questions. Until then, I'm just pretending to be a sponge and soaking up as much as I can.
No pressure, and no one calling me dumb.
As Mel stated, there are lots of tutorials for CSS on the web.
Here are some tutorials and some articles that you might like:
BIG BAER Explains CSS Font-Size
CSS Design: Taming Lists
Keep in mind a couple of things about CSS:
1. Not all browsers support CSS the same, and some of the older browsers have troubles with a lot of CSS
2. It really can make your work easier.
Posted 05 August 2003 - 08:00 AM
As to where to place CSS threads, well, it's a design issue, so it seems to me they fit nicely into our Design category. In fact, I'm going to move this one there, asap!
Posted 05 August 2003 - 08:01 AM
Welcome to my life.
I'm trying to learn CSS for positioning, and I've made it out to be much harder than it is in my own mind. But I've found the best place to ask semi-dumb questions is actually over in the CSS forum at webmasterworld. It's a big and active site and full of all kinds of scary people, but the CSS guys are full of benevolent missionary zeal and love answering even somewhat dumb questions. They recently lost their awesome moderator, but I think someone else good may be taking his place. It might be worth a look once you've done enough to have some good questions.
They may well add a CSS section here, though, so I'll keep watching for it. Maybe by then I'll have absorbed enough knowledge to be supplying intelligent answers instead of asking dumb questions. Wouldn't that be nice?
I found it helpful to read the CSS spec at http://www.w3.org -- helpful, that is, but mostly overwhelming. *shrug*
Good luck and happy hunting.
Posted 05 August 2003 - 08:03 AM
Not like those are pearls of wisdom that must at all costs be saved, but... Awesome!
Posted 05 August 2003 - 09:00 AM
Thanks to all who have helped me here, Dragonlady, Jill, Mel, Bradadoccio, and Drew-z.
The input has given me some places to go and things to do! I truly appreciate all your help.....
Posted 05 August 2003 - 09:01 AM
Posted 05 August 2003 - 09:18 AM
No really, I forgot my sweater and it's cold in here, and the coffee machine's broken. I'll take any warmth I can get.
Posted 05 August 2003 - 09:27 AM
Coffee is a must--regardless of temp--I switched to decaf a coupla weeks ago and I SWEAR I lost IQ points. That was a bad decision so I decided I NEED my vices--they keep me perky!
Posted 05 August 2003 - 12:47 PM
Well, as a follow up to all the great links ya'll gave, I am well on my way to the World of CSS! Admittadly, I had to read the same paragraph about 14 times til I got it, but nonetheless am making headway!
Just 1 last thanks to all who helped!
Posted 05 August 2003 - 01:37 PM
I would start with this tutorial:
A good tutorial explaining the basics of the box model which along with the idea of cascading forms the foundation of using CSS for positioning:
Great FAQ about anything CSS:
A list of free templates for CSS-based layout:
Another great site with cross-browser CSS-layout templates:
Last but not least, if you are a Dreamweaver user, you might try this tutorial:
Hope this helps!
Mitko @ WebSage
Posted 05 August 2003 - 01:48 PM
you can also find some nice free Dreamweaver extensions at project seven including one to set up a css file for you, and others to make some of the more complex tasks more or less automatic.