Dick Detering
Trial User
1 post
Sucessfully uploaded my main page using CSS.FILE. However when I add new pages and upload them using Coffecup, then the design/images/colors are not in those ADDITIONAL pages. Anyone has any idea?? Thanks!
Janys Hyde
Senior Advisor
6,076 posts
diederik wrote:
Sucessfully uploaded my main page using CSS.FILE. However when I add new pages and upload them using Coffecup, then the design/images/colors are not in those ADDITIONAL pages. Anyone has any idea?? Thanks!
Sucessfully uploaded my main page using CSS.FILE. However when I add new pages and upload them using Coffecup, then the design/images/colors are not in those ADDITIONAL pages. Anyone has any idea?? Thanks!
Now go ask Mike Crone about this one, but if I understand rightly you can produce one text file to which all the pages will refer as opposed to giving each of them their own script.
Perhaps that's what you need to do.........but shout for Mike anyway!
Janys http://blogthemeforge.blogspot.com/
(my photographs and graphics as freebies to liven up your blog, web site or desktop)
http://artycraftycreations.blogspot.com
(exchanging crafting ideas)
Kimberly Moreland
Ambassador
143 posts
Hi, if you have a stylesheet.css file as a seperate file you need to be sure to have <link href="stylesheet.css" rel="stylesheet" type="text/css"> included in the head of all your html files so that they will know to read the styles from there. Go here http://www.w3schools.com/css/default.asp for more help. Kim
"...I am the master of my fate:
I am the captain of my soul."
-William Henley
I am the captain of my soul."
-William Henley
Mark Searson
Senior Advisor
3,694 posts
Hi Kimberly - I would strongly agree with you in suggesting that diederik take a look at http://www.w3schools.com/css/default.asp - Actually, I would suggest that everybody takes a look (those of us who know nothing or very little). The site offers clear and consise info, gives examples with code and makes CSS sound a whole lot simpler. They have difused the language that made me step back from CSS. I am now having a good old play with it.
Mark Mark Loves CoffeeCup
Mark Mark Loves CoffeeCup
Mike
Senior Advisor
1,172 posts
<link href="stylesheet.css" rel="stylesheet" type="text/css">
This has to be in each page you make in the <head> section.
Rename "stylesheet.css" to the name of the css file you are using.
If you are using an embedded style sheet (meaning the style sheet is actually included in the web page, then you have to copy that to each html page.
Mike... ..........................................
http://www.photoshopuser.com/register.h … ode=friend
http://www.designconsultingltd.com
http://www.wpdfd.com
This has to be in each page you make in the <head> section.
Rename "stylesheet.css" to the name of the css file you are using.
If you are using an embedded style sheet (meaning the style sheet is actually included in the web page, then you have to copy that to each html page.
Mike... ..........................................
http://www.photoshopuser.com/register.h … ode=friend
http://www.designconsultingltd.com
http://www.wpdfd.com
Mark Searson
Senior Advisor
3,694 posts
Mike - How easy would it be to create a CSS file from an existing web page? Not asking for any great help, just is it possible? Where could I find some info on how to do it.
Thanks Mike - Mark Mark Loves CoffeeCup
Thanks Mike - Mark Mark Loves CoffeeCup
Janys Hyde
Senior Advisor
6,076 posts
Mark Searson wrote:
Mike - How easy would it be to create a CSS file from an existing web page? Not asking for any great help, just is it possible? Where could I find some info on how to do it.
Thanks Mike - Mark
Mike - How easy would it be to create a CSS file from an existing web page? Not asking for any great help, just is it possible? Where could I find some info on how to do it.
Thanks Mike - Mark
Hello it's me sticking my nose in!!
Now as Mike is probably snoring along with all the others right now, I shall risk an answer!
Find the page you like, go in and copy the whole CSS, and paste it into an empty page.
Voila' (I think!!!)
I am extremely curious to know whether this will work! Sounds just too simple to be true doesn't it..........?
Janys http://blogthemeforge.blogspot.com/
(my photographs and graphics as freebies to liven up your blog, web site or desktop)
http://artycraftycreations.blogspot.com
(exchanging crafting ideas)
Mike
Senior Advisor
1,172 posts
I am not snoring !!!
CSS & HTML are two different things.
HTML is the content & semantic structure of your website
By that I mean your actual content of text, images, etc marked up by HTML code such as <h1> <img>, etc.
CSS is the presentation or style of your site.
Meaning that with CSS you tell the browser how to display your <h1> tag by using this font, in this size, the background colour, etc.
There are 2 ways to use CSS.
1. by embedding the style sheet directly in the pages.
2. By using an external style sheet and linking/importing it in your HTML pages.
Basically a style sheet consists of one or more rules that describe how page elements should be presented.
Every rule has two fundamental parts, the SELECTOR and the DECLARATION BLOCK.
Example: H1 {color : red}
In the above the H1 is the SELECTOR, which selects the parts of the document to which the rule should be applied.
The DECLARATION BOX {color : red} is always enclosed in curly brackets and is made up of a combination of a
CSS property and a value of that property..
All CSS files are created using only pure text, nothing fancy.
If you want to create a linked CSS file from an all ready existing page.
Open the web page
Find all the "instructions" contained between <style>
and </style>
These are your CSS "codes"
Copy these codes to a text editor and save the TEXT file as mycss.css or similar. (without the <style>, just what is between the tags.
Then delete from the web page itself everything between the <style> & </style> code including the tags
Then add into the head section (of your HTML page) the line:
<link href="mycss.css" rel="stylesheet" type="text/css">
You now have an external style sheet that you can link to all your web pages.
If there is no embedded styles in your web pages, then you will have to create your own. Use any text editor like notepad to create it(or CC's stylesheet maker hint hint)
If you need to learn about CSS and what can be done with it, or how to get started, here is a good website for learning CSS.
http://www.westciv.com/style_master/house/
Mike... ..........................................
http://www.photoshopuser.com/register.h … ode=friend
http://www.designconsultingltd.com
http://www.wpdfd.com
CSS & HTML are two different things.
HTML is the content & semantic structure of your website
By that I mean your actual content of text, images, etc marked up by HTML code such as <h1> <img>, etc.
CSS is the presentation or style of your site.
Meaning that with CSS you tell the browser how to display your <h1> tag by using this font, in this size, the background colour, etc.
There are 2 ways to use CSS.
1. by embedding the style sheet directly in the pages.
2. By using an external style sheet and linking/importing it in your HTML pages.
Basically a style sheet consists of one or more rules that describe how page elements should be presented.
Every rule has two fundamental parts, the SELECTOR and the DECLARATION BLOCK.
Example: H1 {color : red}
In the above the H1 is the SELECTOR, which selects the parts of the document to which the rule should be applied.
The DECLARATION BOX {color : red} is always enclosed in curly brackets and is made up of a combination of a
CSS property and a value of that property..
All CSS files are created using only pure text, nothing fancy.
If you want to create a linked CSS file from an all ready existing page.
Open the web page
Find all the "instructions" contained between <style>
and </style>
These are your CSS "codes"
Copy these codes to a text editor and save the TEXT file as mycss.css or similar. (without the <style>, just what is between the tags.
Then delete from the web page itself everything between the <style> & </style> code including the tags
Then add into the head section (of your HTML page) the line:
<link href="mycss.css" rel="stylesheet" type="text/css">
You now have an external style sheet that you can link to all your web pages.
If there is no embedded styles in your web pages, then you will have to create your own. Use any text editor like notepad to create it(or CC's stylesheet maker hint hint)
If you need to learn about CSS and what can be done with it, or how to get started, here is a good website for learning CSS.
http://www.westciv.com/style_master/house/
Mike... ..........................................
http://www.photoshopuser.com/register.h … ode=friend
http://www.designconsultingltd.com
http://www.wpdfd.com
Janys Hyde
Senior Advisor
6,076 posts
Mike,
It is just as well you weren't snoring then, otherwise Mark would have been in a real mess by now!
Janys http://blogthemeforge.blogspot.com/
(my photographs and graphics as freebies to liven up your blog, web site or desktop)
http://artycraftycreations.blogspot.com
(exchanging crafting ideas)
It is just as well you weren't snoring then, otherwise Mark would have been in a real mess by now!
Janys http://blogthemeforge.blogspot.com/
(my photographs and graphics as freebies to liven up your blog, web site or desktop)
http://artycraftycreations.blogspot.com
(exchanging crafting ideas)
Mark Searson
Senior Advisor
3,694 posts
Janys, you could never put me in a Mess and Mike, thanks for the advice and info. I will have a good play with your good advice (Janys, yours was good as well, just different) this evening.
Thanks - Mark Mark Loves CoffeeCup
Thanks - Mark Mark Loves CoffeeCup
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
