View Full Version : Clueless
Bluesky 12-26-2003, 07:23 AM Hey there!
I don't know much about CSS. I've read guides which tell you things like, you can link to a Cascading Style Sheet blah blah etc. How do you make a style sheet? In Frontpage or something? How do you make them without linking to an external sheet? Please, help me if you can, and maybe add a few things a CSS newbie should know. Thanks a bunch! My head is floating in the :cloud:
Sheila 12-26-2003, 07:56 AM I know you've read guides, but have you also looked at Lissa site?
http://www.lissaexplains.com/css.shtml
Bluesky 12-27-2003, 02:34 AM I know you've read guides, but have you also looked at Lissa site?
http://www.lissaexplains.com/css.shtml
Thanks, but I'm still a bit confused on how you link to a style sheet, and how and where you make them externally
Rosey 12-27-2003, 02:40 AM In your html document, like your index and whatever other pages you may have you link the style sheet like this:
<link href="style.css" rel="stylesheet" type="text/css">
you put that in the <head> tags.
the style sheet, you can make in notepad...there are no <html> tags, no <body> tags...all there is is stuff like this:
BODY {
font-style : normal;
font-weight : normal;
font-size : 8pt ;
font-family : Verdana,arial, helvetica, sans-serif;
color : #000000 ;
text-decoration : none;
background-image: url(bg.jpg);
margin-top:0;
margin-left:0;
}
a:link { font-family: Verdana,arial, helvetica, sans-serif;
font-size: 8pt;
color: #0A0F44;
font-weight: normal;
text-decoration: none;
}
a:visited { font-family: Verdana,arial, helvetica, sans-serif;
font-size: 8pt;
color: #494343;
font-weight: normal;
text-decoration: none;
}
a:hover { font-family: Verdana,arial, helvetica, sans-serif;
font-size: 8pt;
color: #494343;
font-weight: normal;
text-decoration: overline underline;
}
where you define your styles for pretty much anything you want.
Bluesky 12-27-2003, 03:03 AM Thanks sooooooo much Rosey!
Rosey 12-27-2003, 04:38 AM no problem. :)
Thing 01-02-2004, 09:11 PM I'm having trouble getting the CSS stuff working. I put that link tag in the heading, but it still fails to work:
<style type="text/css">
A:link{ text-decoration: value; [none] color:#FF3300; }
A:visted{ text-decoration: value; [none] color:#CC6633; }
A:hover{ text-decoration: value; [underline] color:#FF3300; }
body{ background: #000000;
background-image: url(value); [http://www.geocities.com/visionhiphop2002/bgpatternorange1.jpg]
background-repeat: value; [repeat] }
td{ padding: value; [2cm] }
input{ background: #FFFFFF url(http://www.geocities.com/visionhiphop2002/bgpatternwhite1.jpg);
color: #000000;
border-style: value; [dotted]
border-color: #000000;
border-width: valuepx; [5] }
</style>
I checked it with a CSS checker, but many of the things it said were wrong, didn't make any sense. I got most of it from Lissa's tutorials, but they don't seem to be working. Suggestions?
Later...
duckgirl 01-02-2004, 10:37 PM Well, you said you had an external stylesheet. Soo.. this is all saved in a document called style.css, which you linked to in your html document. In your external stylesheet, you can't have the <style> tags. Also, some other things were wrong. The things in [ ] on Lissa's site were just to help you see what things you can put- you should get rid of the brackets, and replace value with what you have in the brackets. Here's my modification:
A:link{ text-decoration: none; color:#FF3300; }
A:visted{ text-decoration: none; color:#CC6633; }
A:hover{ text-decoration: underline; color:#FF3300; }
body{ background-color: #000000;
background-image: url(http://www.geocities.com/visionhiphop2002/bgpatternorange1.jpg);
background-repeat: repeat; }
td{ padding: 2cm; }
input{ background-color: #FFFFFF;
font-color: #000000;
border-style: dotted;
border-color: #000000;
border-width: 5px; }
Thing 01-02-2004, 11:43 PM I can't seem to get the background images to work. The color shows up, but not the images and my URLs are correct...
Later...
Rosey 01-02-2004, 11:53 PM what's the url it's on?
if you image is saved as JPG, it's not the same as jpg..sometimes that's the problem.
duckgirl 01-03-2004, 12:00 AM Well, the image is there... but if you just copied what I wrote in the forum, you don't get the full url.
http://www.geocities.com/visionhiphop2002/bgpatternorange1.jpg
Is the image, put that in the parentheses where it says url.
I got rid of the background you had for the input boxes, because you can't put backgrounds on input stuff, at least, not to my knowledge...
Rosey 01-03-2004, 12:37 AM Well, the image is there... but if you just copied what I wrote in the forum, you don't get the full url.
http://www.geocities.com/visionhiphop2002/bgpatternorange1.jpg
Is the image, put that in the parentheses where it says url.
I got rid of the background you had for the input boxes, because you can't put backgrounds on input stuff, at least, not to my knowledge...
i figured that but the code you gave him is right so if we looked at the page it's on might, we might figure out what's wrong.
|