http://www.coffeetinker.com
bough
Registered User
1,718 posts
Hey guy's, i'm doing some css coding and I wanted to create a seperate style sheet since my html page is getting too long, how do I go about doing so? I just want to link an inside sheet reference if possible, thanks guys, oh yeah can you take a look at the button where FB is, theres a block on there I dont want
http://www.coffeetinker.com
http://www.coffeetinker.com
Eric Rohloff
Senior Advisor
20,267 posts
Online Now
This will help.
http://www.htmlhelp.com/reference/css/
This goes into the head of the page.
Then your style sheet only has the css code on it. (example)
#mydivid {
width:200px;
height:100px;
margin-right:20px;
}
You can link to more then one style sheet in the head of your page. The bottom one will override the top one if you set the same class and or div names in each. So keep it to one until you get comfy.
http://www.htmlhelp.com/reference/css/
This goes into the head of the page.
<link rel="stylesheet" type="text/css" href="css/mystylesheet.css" media="screen">
Then your style sheet only has the css code on it. (example)
#mydivid {
width:200px;
height:100px;
margin-right:20px;
}
You can link to more then one style sheet in the head of your page. The bottom one will override the top one if you set the same class and or div names in each. So keep it to one until you get comfy.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Per
Senior Advisor
1,850 posts
bough
Registered User
1,718 posts
Eric, I used this code.. since this is what my file is named, and if you can look at coffee tinker again, it doesn't have my bg's.
<link rel="stylesheet" type="text/css" href="css/default.css" media="screen">
Eric Rohloff
Senior Advisor
20,267 posts
Online Now
What's this for?
<style type="text/css">
</style>
<style type="text/css">
</style>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
paintbrush
Ambassador
3,816 posts
Uncle, give this a try for your background. The first one is from your code.
In this example, there's a color specified (in case the image fails), then notice the apostrophes around the image name and the ../ to specify where the image is coming from:
The 'left top' repeats this particular pattern across and down no matter the size of the browser screen.
See if that gets it working for you
(of course with your own file names)
background:url(backround.png);
In this example, there's a color specified (in case the image fails), then notice the apostrophes around the image name and the ../ to specify where the image is coming from:
background: #0E0E0C url("../graphics/ss-header.png"); left top;
The 'left top' repeats this particular pattern across and down no matter the size of the browser screen.
See if that gets it working for you
(of course with your own file names)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Per
Senior Advisor
1,850 posts
UnclePlusMax wrote:
...look at coffee tinker again, it doesn't have my bg's.
...look at coffee tinker again, it doesn't have my bg's.
Your stylesheet says that the background image is here: http://coffeetinker.com/css/backround.png
...but it is actually here: http://coffeetinker.com/backround.png
Per
www.mingas.com
www.mingas.com
bough
Registered User
1,718 posts
Cool thanks guys, i'm still learning alot about css, and folders as you can see I appreciate your help!!
I appreciate your help!!
Inger
Senior Advisor
14,624 posts
Matt, in the style sheet you are not supposed to have <style type="text/css"> at the beginning and
</style> at the end. You just start out with the actual styles.
</style> at the end. You just start out with the actual styles.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
bough
Registered User
1,718 posts
Ok sorry, was going by what the stylesheetmaker told me to do.. I guess it's really outdated lol :\
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.
