|
View Full Version : What...? Kalamory 04-30-2003, 06:34 AM Okay, so these things, you can have one page and edit only on that and the changes effect the whole site? That is my life-savior! How do you do it, though? What do I name the page with the style sheet on it and how do I make the other pages obey that one? Does this have anything to do with PHP? Xiphias 04-30-2003, 11:49 AM 1 This (http://www.lissaexplains.com/css.shtml) page explains a lot. 2. You name the page WHATEVER.css (replace whatever with the word any other word you want). 3. Between the <head> </head> codes in your HTML pages, enter this: <link rel="stylesheet" href="YOURFILENAME.css" type="text/css">. 4. This has nothing to do with PHP. Kalamory 04-30-2003, 03:28 PM Thanks so much. Kalamory 04-30-2003, 05:44 PM I did it, but not everything is showing up right, so I went to edit it but I got a message saying I'm only allowed to edit HTML, GIF, Tect, or CGI Script files. Plus, in the file manager it says the type of file this is is just FILE, others say IMAGE or HTML. Is it supposed to do that? Here is the address to the site I am testing this on. http://bluechimpanzees.tripod.com/hogwarts/index_Copy_1.html *The font is supposed to be verdana, extra small, and brown. *The background is supposed to be pink. *The links are supposed to look like the rest of the words on the page (I put them in brackets to tell the dif), then underline&overline on hover with a northeast arrow as cursor, and "disappear" when active. *The scrollbar is supposed to be black and white. But the only thing working is the overline on hover. Here is the code I used on the page entitled 007.css: <style type="text/css"><!-- A:link{color:brown;text-decoration:none} A:visited{color:brown;text-decoration:none} A:active{color:pink;cursor:wait} A:hover{color:brown;text-decoration:underline overline} background-color:pink cursor:ne-resize body{ font-family:verdana; color:brown; letter-spacing:1pt font-weight:normal font-size:x-small scrollbar-face-color:#000000; scrollbar-shadow-color:#000000; scrollbar-3dlight-color:white; scrollbar-arrow-color:white; scrollbar-base-color:#000000; scrollbar-track-color:#000000; scrollbar-darkshadow-color:white; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000;} --> </style> pb&j 04-30-2003, 06:31 PM this DIV is in the wrong spot. only a DOCTYPE tag should appear before the starting HTML tag... <div style="position:relative;top:-140;z-index:0;background:;"> get rid of these in your css file... <style type="text/css"><!-- --> </style> this seems to be in random space instead of within a css set... background-color:pink cursor:ne-resize fix those three parts and see if your page looks better. MaGiCSuN 04-30-2003, 07:43 PM this should be: font-family:verdana; color:brown; letter-spacing:1pt; font-weight:normal; font-size:x-small; You forgot those ; at the end. Love, mirna Kalamory 04-30-2003, 09:59 PM Well, other things are showing up, but the background still isn't. Do I need to include the other things on the css tutorial page? It's only color, not an image, and I don't understand any of it anyway. The text doesn't look verdana still, and the cursor still has a hand on hover. Also, what does "blink" mean for the text-decoration on links? I changed it to see and nothing happened. MaGiCSuN 04-30-2003, 11:04 PM it also says on lissa's site that this is an netscape thing and doesn't work on IE :) what code did you used for the background image? Love, mirna Kalamory 05-01-2003, 01:50 AM I saw that afterwards. Do you mean css or blink doesn't work? I used background-color:pink between body and the font script Xiphias 05-03-2003, 08:14 PM they meant blinking doesn't work in IE try background-color: #FFCCFF; or some other hex code # until you get the right pink shade... click here (http://www.lissaexplains.com/color.shtml) to see some hex code numbers. Kalamory 05-03-2003, 11:29 PM Thanks. I got everything figured out. I didn't want pink, just a random color for testing purposes. |