There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Software Development
Tag Cloud
audio blue screen boot bsod computer cpu crash dell desktop driver drivers error excel external hard drive firefox freezes freezing hard drive hardware hijack hijackthis internet internet explorer itunes laptop malware monitor motherboard mouse network networking outlook 2007 power printer problem ram router screen slow sound spyware trojan usb virus vista vista 32-bit windows windows xp winxp wireless
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Software & Hardware > Software Development >
I need an easy, simple basic css stylesheet tutorial


Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members. Enjoy!

Closed Thread
 
Thread Tools
starchild's Avatar
Senior Member with 1,947 posts.
 
Join Date: Sep 2002
11-Sep-2004, 07:35 PM #1
I need an easy, simple basic css stylesheet tutorial
I've been looking at them and they all seem different. One will say to do it one way, and one another. And some have things on it I don't really need or want now, just makes it more confusing (like make the first letter of every paragraph a different size or something)

I don't really know javascript, so it would be nice to have like a template, maybe? A cheatsheet? A basic style sheet, I could take something out of or change what's there.

I just went over one on Boogie Jack's and finally figured out what the link, embeded and inline means. But most of what I try the tutorials show doesn't work for me.

I have a job making a website for someone, that involves putting up a lot of pages, basically the same. Online stories, poems, etc.

I started it in the usual way, (html coding) but know this what stylesheets are made for. I've spent several days trying to figure this out and finally got one to show a red page with white letters (not centered).

I like the idea of setting up a stylesheet and uploading it as .css and then putting the link in the head of the page (and whatever text for that page, any images, etc. on it in the usual way.)

I've done websites like this before and set up a form (with the colors, coding, etc) and just put the new text in each page and named it, saved it, and the basic page was still there for the next one to be set up. This is fairly fast and simple. But I still had to go over the text and add <br> and spacing, etc.

I like the way stylesheets work, so much smoother (it seems)

Anyway, I need a fast, simple way to learn how to set up a stylesheet that would just have background color,(maybe border) margins, font, and maybe a line of links along the bottom (which I would change on each one manually go go from page one, to two, etc)

Also... I like to use a stylesheet (I think it's embedded- in the head. I've been using it since before I knew about stylesheets) to highligh links when the mouse goes over them.

<style type="text/css">
<!--
a:hover {background-color: #C4FFFF;}
-->
</style>

From what I've heard about the order, I think the link to the stylesheet page that is uploaded would go in the header first and then the mouse-highlight one?

This would be okay like this, with the link to the stylesheet page above it?

Maybe someone knows a tutorial like I want and can point me in the direction?

Thanks,

Carrie
Chicon's Avatar
Computer Specs
Distinguished Member with 6,695 posts.
 
Join Date: Jul 2004
Location: 50° 34' 07.13" N - 04° 10' 23.
Experience: Second socks retriever
11-Sep-2004, 07:45 PM #2
Hi starchild,

Just have a look at this web site : http://www.w3schools.com/
starchild's Avatar
Senior Member with 1,947 posts.
 
Join Date: Sep 2002
11-Sep-2004, 08:45 PM #3
Looks good, thanks!

~ Carrie
TypeSK's Avatar
Senior Member with 680 posts.
 
Join Date: Mar 2002
Experience: Intermediate
14-Sep-2004, 11:19 AM #4
to really utilize CSS your going to have to learn it more in depth .... to know how to control looks of whole pages, rather than just elements ... a basic understanding will only let you change basic element properties, rather than whole page looks ..... but that comes with designing the stylesheets and the pages correctly .....
__________________
AMD Athlon64 X2 4400+
DFI LanParty nF4 SLI-DR
256MB BFG 7800GTX OC
1GB OCZ Gold 2x512 DC PC3200

It's Not That We Don't Know, It's That We Don't Do What We Do Know
etaf's Avatar
etaf etaf is online now   etaf has a birthday soon!
Computer Specs
Distinguished Member with 15,431 posts.
 
Join Date: Oct 2003
Location: Surrey, UK
Experience: Intermediate
14-Sep-2004, 11:58 AM #5
starchild's Avatar
Senior Member with 1,947 posts.
 
Join Date: Sep 2002
01-Oct-2004, 10:43 PM #6
Someone has been telling me in another topic (the subject came up) that Dreamweaver will set up a stylesheet In the meantime I looked on a friend's website (stylesheet) and see she made it with Front Page.

I have Coffee Cup, which has a style sheet Wizard but it doesn't seem to do much and I still don't understand what it's doing.

I agree, it's best to learn all about it and not just the basics, before I can use it for a website. It just seems like the one I am doing is a perfect set up for it.

I do understand the different ways of linking it, like one the stylesheet (.css) is uploaded and the link TO it is put in the header of each page.

Another, the stylesheet info is put IN the header of each page.

Is that correct so far?

Which is the best way? I would assume if a lot was being done it would be the uploaded and linked one?

Also, if more than one command is put in, it goes in order of where it comes on the page?

I usually use a mouseover (highlight the background of a link) on pages, which is a css stylesheet (I found and used before I understood what it really is) and this could also go in the header, wherever the links I want to highlight come on the page? (like along the bottom it would be last)

And, do I only need one set of STYLE and /STYLE tags at the start and end of all of the stylesheet coding?

Hope this isn't too confusing to answer, I'm thinking of it as I write.

~ Carrie
Closed Thread

THIS THREAD HAS EXPIRED.
Are you having the same problem? We have volunteers ready to answer your question, but first you'll have to join for free. Need help getting started? Check out our Welcome Guide.


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
WELCOME TO TECH SUPPORT GUY! Are you looking for the solution to your computer problem? Join our site today to ask your question -- for free! Our site is run completely by volunteers who want to help you solve your computer problems. See our Welcome Guide to get started.



Thread Tools


You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 11:02 AM.
Copyright © 1996 - 2008 TechGuy, Inc. All rights reserved.
Powered by vBulletin, Copyright © 2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Powered by Cermak Technologies, Inc.