Programming Forums > Web Development and Design > HTML / XHTML / CSS

gt8ost4l · May 22nd, 2009, 2:30 AM

is there any one out there that can help me get better with this language

silent1mezzo · May 22nd, 2009, 8:25 AM

What do you need to know?

If you're wanting to learn good practices I would look at a bunch of websites and get a feel as to what is used and what isn't.

If you need to learn the language I would suggest a number of online websites:
http://www.w3.org/Style/CSS/learning
http://toolkit.crispen.org/index.php?cat=css

gt8ost4l · May 22nd, 2009, 1:39 PM

Quote:

Originally Posted by silent1mezzo

What do you need to know?

If you're wanting to learn good practices I would look at a bunch of websites and get a feel as to what is used and what isn't.

If you need to learn the language I would suggest a number of online websites:
http://www.w3.org/Style/CSS/learning
http://toolkit.crispen.org/index.php?cat=css

hmm i wanna know everything i read a couple of books but they didnt really put in much detail the hard stuff and i dont write good css anyway so are any of yu guys expect at css im just sayin the saays that got familiaar wit up becuz of reading not a diploma

hkp · May 25th, 2009, 1:23 AM

w3schools.com is the best site where you can learn easily programming languages. you can easily learn css form this site

organizedchaos · Jun 5th, 2009, 4:31 PM

You know I find it easier to design the page first in any graphics editor (I prefer photoshop) and then create the CSS. It's easier because I can measure the width, height, padding, margin, etc. from there. It made positioning less complicated.

Hope that helps!

GeekSquad23 · Jul 3rd, 2009, 10:43 AM

If you need help with CSS then read the information that I wrote bellow.

Part 1/5: How to Organize your CSS Script
If you want to get better at CSS, well you better read this. A good way to organize your CSS is by separating the script with a quote.
For example:

***Content Box Script***
#box {
background-color: #FFFFFF;
padding: 5px;
border: 1px #000000 solid;
}
***End Content Box Script***

You can right CSS like that to help you understand why you put the following script. If you right your CSS like that, then you are an organized person. Not just you that is organized, but also your CSS script is organized. Remember to put the stars between the quote or else the web browser will read the quote as CSS.

Part 2/5: Using CSS with HTML (No style tags)
The first thing that you got to remember is don't use the "<style>" tag in HTML because what if you have 3 types of HTML files and they all have "<style>" tags in them (Style tags are used for storing CSS in HTML). A couple of days later you want to change the CSS of the website. DO YOU WANT TO GO TO EVERY HTML FILE AND EDIT THE CSS? NO!!! You will get SICK of it. Anyways, back to using CSS with HTML.

1. Create a new folder (You can name the folder anything)
2. Inside the folder that you made, create a ".css" file and a ".html" file (or ".htm")
3. Open your HTML file and paste the code bellow into the html file

<html>
<head>
<title></title>


<link rel="stylesheet" type="text/css" href="filename.css" />
</head>
<body>

</body>
</html>

Okay, now I want go to the CSS file and start typing while you read "part 3" and "part 4" of this guide.

Attention: The guide will be finished on a video and will be displayed on my website (funtut.com) and I will post the video on YouTube (FuntutOnline@youtube.com). If you want to ask questions email me (Funtut@ymail.com).

Felix Demon · Jul 29th, 2009, 9:14 AM

The W3C is the authority on standards and you should learn from there. If you're going to learn to code, forget generators and such. You need to know the fundamentals. Good to see you're making an effort to learn rather than copy and paste.

JamesB · Aug 2nd, 2009, 1:59 PM

Just another quick few tips (if the guy even visits this thread anymore).
In CSS you need to define the element/class/id you're changing.
Elements (<body><div> etc) are defined just written normally such as:

(Toggle Plain Text)

body{
some css:code here;
}

ID's (such as <div id="an id">) are defined using the #.

(Toggle Plain Text)

#an id{
some css:code here;
}

Classes (such as <div class="a class">) are defined using the period(.).

(Toggle Plain Text)

.a class{
some css:code here;
}

May 22nd, 2009, 2:30 AM	#1
gt8ost4l Newbie Join Date: May 2008 Posts: 12 Rep Power: 0	writing good css is there any one out there that can help me get better with this language

May 22nd, 2009, 8:25 AM	#2
silent1mezzo Hobbyist Programmer Join Date: Aug 2007 Location: Mississauga ON Posts: 126 Rep Power: 3	Re: writing good css What do you need to know? If you're wanting to learn good practices I would look at a bunch of websites and get a feel as to what is used and what isn't. If you need to learn the language I would suggest a number of online websites: http://www.w3.org/Style/CSS/learning http://toolkit.crispen.org/index.php?cat=css

May 25th, 2009, 1:23 AM	#4
hkp Programmer Join Date: May 2009 Posts: 38 Rep Power: 0	Re: writing good css w3schools.com is the best site where you can learn easily programming languages. you can easily learn css form this site __________________ Website design \|\| Web design services \|\| Entertainment forum

Jun 5th, 2009, 4:31 PM	#5
organizedchaos Programmer Join Date: Oct 2008 Posts: 35 Rep Power: 0	Re: writing good css You know I find it easier to design the page first in any graphics editor (I prefer photoshop) and then create the CSS. It's easier because I can measure the width, height, padding, margin, etc. from there. It made positioning less complicated. Hope that helps!

Jul 3rd, 2009, 10:43 AM	#6
GeekSquad23 Programmer of 2009 Join Date: Jul 2009 Posts: 26 Rep Power: 0	Re: writing good css If you need help with CSS then read the information that I wrote bellow. Part 1/5: How to Organize your CSS Script If you want to get better at CSS, well you better read this. A good way to organize your CSS is by separating the script with a quote. For example: *Content Box Script* #box { background-color: #FFFFFF; padding: 5px; border: 1px #000000 solid; } *End Content Box Script* You can right CSS like that to help you understand why you put the following script. If you right your CSS like that, then you are an organized person. Not just you that is organized, but also your CSS script is organized. Remember to put the stars between the quote or else the web browser will read the quote as CSS. Part 2/5: Using CSS with HTML (No style tags) The first thing that you got to remember is don't use the "<style>" tag in HTML because what if you have 3 types of HTML files and they all have "<style>" tags in them (Style tags are used for storing CSS in HTML). A couple of days later you want to change the CSS of the website. DO YOU WANT TO GO TO EVERY HTML FILE AND EDIT THE CSS? NO!!! You will get SICK of it. Anyways, back to using CSS with HTML. 1. Create a new folder (You can name the folder anything) 2. Inside the folder that you made, create a ".css" file and a ".html" file (or ".htm") 3. Open your HTML file and paste the code bellow into the html file <html> <head> <title><!---Your title goes here---></title> <!---Bellow is the code that tells the web server that you are using a css file to use---> <link rel="stylesheet" type="text/css" href="filename.css" /> </head> <body> </body> </html> Okay, now I want go to the CSS file and start typing while you read "part 3" and "part 4" of this guide. Attention: The guide will be finished on a video and will be displayed on my website (funtut.com) and I will post the video on YouTube (FuntutOnline@youtube.com). If you want to ask questions email me (Funtut@ymail.com). __________________ Free Online Tutorials \| Linux Community

Jul 29th, 2009, 9:14 AM	#7
Felix Demon Newbie Join Date: Jul 2009 Posts: 1 Rep Power: 0	Re: writing good css The W3C is the authority on standards and you should learn from there. If you're going to learn to code, forget generators and such. You need to know the fundamentals. Good to see you're making an effort to learn rather than copy and paste. __________________ Banner Printing Popup display

Aug 2nd, 2009, 1:59 PM	#8
JamesB Newbie Join Date: Aug 2009 Posts: 3 Rep Power: 0	Re: writing good css Just another quick few tips (if the guy even visits this thread anymore). In CSS you need to define the element/class/id you're changing. Elements (<body><div> etc) are defined just written normally such as: (Toggle Plain Text) body{ some css:code here; } body{ some css:code here; } ID's (such as <div id="an id">) are defined using the #. (Toggle Plain Text) #an id{ some css:code here; } #an id{ some css:code here; } Classes (such as <div class="a class">) are defined using the period(.). (Toggle Plain Text) .a class{ some css:code here; } .a class{ some css:code here; }

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Need a CSS fix for IE	Obsidian Age	HTML / XHTML / CSS	3	Jan 12th, 2009 12:13 PM
problem in css	desperateboy	HTML / XHTML / CSS	2	Oct 27th, 2007 6:29 AM
Sample of my writing - Leave thoughts good or bad.	bigguy	Coder's Corner Lounge	3	Jun 9th, 2007 9:01 AM
looking for a good windows programming book	cwl157	Coder's Corner Lounge	3	May 30th, 2007 6:51 AM
Good C++ Books	MrMan9879	C++	3	Oct 19th, 2005 12:13 PM

Programming Forums > Web Development and Design > HTML / XHTML / CSS

writing good css