CSS issues

HTML & CSS
1

Hi all

I have a bit of a question that I can’t seem to find an answer for… well at least one that I can understand.:slight_smile:

I know that this is probably a strange one, but…

As I understand it, if i create a style sheet from original page, and i create other pages linked to the CSS, do I need to change every page if I want to add new links or just change the style sheet? I originally understood that if I changed the style sheet it would automatically change the rest?

I think I may be missing the point here… but I hope somebody can help.

Thank you in advance. Ray

2

Hi Ray, and welcome to the forums (again). :slight_smile:

I’m not quite sure I’ve understood your question (insufficient coffee ;)). Normally, you create one style sheet and link to it from all your pages, so that styles are shared across the entire site, and if you want to change something, you need only change it in one place. If you have places where you want to over-ride the default style from your stylesheet, you do that by adding classes or ids to your HTML tags and using them to make specific styles.

For example, supposing you want most of your images to float left. In your stylesheet, you write

img {float: left;}

But in one or two places, you need them to float right. You give those images a class, e.g.

<img class="opposite">

and then style that

.opposite {float: right;}

Does that make sense, and does it answer your question?

3

Hi there and thank you for the welcome.

Maybe I need to drink more tea… :slight_smile:

Many thanks for your reply. Being a bit of a learner I might have got the procedure wrong. I created an HTML page and then using that made the CSS page saving as instructed. I then created another page from the original HTML file, went back to the CSS file, made the changes to the links I wanted to change and nothing changed. I reckon it’s all pretty fundamental and I am missing something totally.

I suppose the question is, and please forgive me if I don’t get this right and its totally wrong, do I just change the css and see the changes populated through the HTML pages?

Kindest regards, Ray

4

Yes. :slight_smile:

You build your HTML page(s), which should normally not contain any styling information. (There are exceptions to that, but that’s the basic principal.) Then you create a separate CSS stylesheet, and link to it in the <head> section of your HTML document(s). e.g.

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

Your style rules all go in here. For example, you may have

body {font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
		font-size: 100%;
		line-height: 1.4;
		margin: 0;
		padding: 0;
		background: url(images/background5.jpg);
		color: #333333;
		}

If (you take leave of your senses and) decide you want all your text bright green instead of dark grey, then you simply change that line in your CSS to read

color: #00FF00;
and your text on every page will magically turn green. (You probably won’t want to do that, but you get the idea. :))

5
6

Hi there my good man (sorry to make an assumption there)

Many thanks for all the information and I now think that I might have got the gist of this particular problem. I have worked through it so I feel I am now on my way. Thats five pages done with the CSS working.

Thanks for the advice.

Ray

I’ll be back!!!

7

I’ll forgive you - it’s hard to tell under all this fur, I know. :wink:

Excellent. :slight_smile: It’s very satisfying when you can figure things out and get things working for yourself.

You’re welcome. Glad I could help.

I look forward to seeing you around.