CSS Help

**Firebrand** · Apr 17th, 2003, 06:24 AM

Hi there Guys.

Ok I've only been learning css for two days now, and I'm still a bit daunted about the whole thing.

I Know to attach a css sheet I nee to use this :
<LINK rel="stylesheet" type="text/css" name="anyname" href="url">

Please bare with me here a little whilst i try to explain a little further.

I also understand stand the basic structure of the css sheet which I presume is this :

body

{

font-family: Verdana, "Minion Web", Helvetica, sans-serif;

font-size: 1em;

text-align:justify;

}

The whole Above is the STATEMENT which can be many in number in a css sheet ,the Body =SELECTOR and the content inside the curly braces is the DECLARATION.

Now here is where I get stuck.
How do I assign the styles to lets say a paragraph of any other text element on my webpage? Do i need to insert a tag of some sort at the start of the element to be changed?

Plaese help me.

Any refered books or even urls on this subject would be appreciated

many thanks!!

**Web Design Forums** · Apr 17th, 2003 06:24 AM

JR · Apr 17th, 2003, 06:42 AM

Code:

<html>
<head>
<style type="text/css">
span.text1 {
	font-family: Arial;
	font-size: 20px;
	color: #000000;
}
</style>
</head>
<body>
This is Text Not using the CSS<br>
<span class="text1">This is Text Using the CSS</span>
</body>
</html>

what you have to do is put the tag you want to be used first - in this case then the name of the class which here is text1. So it would be span.text1

It can also be done without the name of the tag - (eg .text1) so it can be attached into any html tag

**Firebrand** · Apr 17th, 2003, 06:53 AM

I tried that and it works fine when the style is embed.

But how do I assign the styles from a css sheet from an external linked css sheet?

Cheerz for the help

**Firebrand** · Apr 17th, 2003, 07:01 AM

Hope I'm not being burdensome guys!

JR · Apr 17th, 2003, 07:11 AM

its just the same class="text1" from a external stylesheet - make sure your link is correct though -

Code:

<link rel="stylesheet" type="text/css" href="whatever.css">

That should be in the head section

**Firebrand** · Apr 17th, 2003, 07:12 AM

Thanks man I'll give that a go

**Firebrand** · Apr 17th, 2003, 07:32 AM

Still getting a bit lost in all this.

ok here's what I got:

1) My head link is thus:<link rel="stylesheet" type="text/css" href="styles/style.css">

2) On my external .css sheet is this:

#content {
margin-top: 50px;
margin-left: 10px;
margin-right:199px;
border: 1px solid #191970;
padding-left: 40px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
font-size:14px;
color: #191970;
}
Lets say I nee to change this "My So hopeless at css"
would I write it as this:

This is Text Using the CSS ??

JR · Apr 17th, 2003, 07:46 AM

1. your link is fine
2.try this

Code:

.content {
margin-top: 50px;
margin-left: 10px;
margin-right:199px;
border: 1px solid #191970;
padding-left: 40px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
font-size:14px;
color: #191970;
}

then link to is like this This is Text Using the CSS

Lets say I nee to change this "My So hopeless at css"
would I write it as this:

what do you mean by that?

**Firebrand** · Apr 17th, 2003, 08:11 AM

I'm think begining to crack

Link reads:
<link rel="stylesheet" type="text/css" href="styles/style.css">

External sheet reads:
.content {
margin-top: 50px;
margin-left: 10px;
margin-right:199px;
border: 1px solid #191970;
padding-left: 40px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
font:50px/50px verdana, arial, helvetica, sans-serif;
color:ff0000
}

Span tag reads:
 This is my text to be changed 

Still no joy though

What am I doing wrong m8?

JR · Apr 17th, 2003, 08:14 AM

dont put the full stop (period) in the do put it in the external stylesheet though

Thread: CSS Help

LinkBack

Thread Tools

Search Thread

Display

Remove Ads

Posting Permissions

Thread: CSS Help

LinkBack

Thread Tools

Search Thread

Display

Remove Ads

Posting Permissions

Sections

General Info