PDA

View Full Version : CSS Confusion

Webmaster04
10-09-2005, 01:27 AM
I'm trying to link an external css but it's not working. Here's the external css:<style type="text/css">
BODY {
font-family: "comic sans ms";
font-size: 10pt;
color: white;
background: transparent;
background-repeat: repeat;
background-position: top, left;
background-attachment: fixed;
cursor: hand;
letter-spacing: 1pt;
}

P {
font-family: "comic sans ms";
font-size: 10pt;
color: white;
background: transparent;
cursor: hand;
letter-spacing: 1pt;
}

H1 {
font-size: 10pt;
font-family: "comic sans ms";
text-align: center;
color: white;
background: transparent;
}

A:link {
color: white;
text-decoration: none;
cursor: crosshair;
background: transparent;
}

A:active {
text-decoration: none;
color: white;
cursor: crosshair;
background: transparent;
}

A:visited {
text-decoration: line-through;
color: white;
font-family: "comic sans ms";
font-size: 10pt;
cursor: crosshair;
background: transparent;
}

A:hover {
text-decoration: underline overline;
color: white;
font-family: "comic sans ms";
font-size: 10pt;
cursor: crosshair;
background: transparent;
}

td {
font-family: "comic sans ms";
font-size: 10pt;
color: white;
padding-left: 2cm;
padding-right: 2cm;
padding-top: 2cm;
padding-bottom: 2cm;
background: transparent;

input, textarea {
font-family: "comic sans ms";
font-size: 8pt;
color: white;
border-style: dashed;
border-color: #9933FF;
border-width: 3px;
}
</style> and here's the link I try to use <LINK href="/ramapo_players/style.css" rel="stylesheet" type="text/css">
and here is what the outcome is:
http://www.freewebs.com/ramapo_players/club/about.htm

plzzz help
Douglas
10-09-2005, 01:45 AM
get rid of the <style type="text/css"> and </style> in the external file.
Merike
10-09-2005, 01:07 PM
Also you've missed one ending:

td {
font-family: "comic sans ms";
font-size: 10pt;
color: white;
padding-left: 2cm;
padding-right: 2cm;
padding-top: 2cm;
padding-bottom: 2cm;
background: transparent;
}
Webmaster04
10-10-2005, 04:25 PM
It's still not working here: http://www.freewebs.com/ramapo_players/under_construction.htm, it the bottom half reacts to it, it's white, but the top doesn't....
kittycat
10-10-2005, 05:05 PM
For me it shows up as a white background with the Simpson's picture on it, is that what it's supposed to look like?
Maybe try forcing the page to reload (ctrl+f5), or clearing the cache to make sure you're not getting an old version of the page
Monkey Bizzle
10-10-2005, 07:31 PM
Well, your URL is:

http://www.freewebs.com/ramapo_players/under_construction.htm

and in your source you have:

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

so it's looking for:

http://freewebs.com/ramapo_players//ramapo_players/style.css

which doesn't exist. If you change this line to:

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

then it should work.

I'm also noticing that in your CSS, you have:

BODY {
font-family: "comic sans ms";
font-size: 10pt;
color: white;
background: transparent;
background-repeat: repeat;
background-position: top, left;
background-attachment: fixed;
cursor: hand;
letter-spacing: 1pt;
}

P {
font-family: "comic sans ms";
font-size: 10pt;
color: white;
background: transparent;
cursor: hand;
letter-spacing: 1pt;
}

so anything in the body and p tags is going to be the color white... since your background is white, you won't be able to see the text ;)
Webmaster04
10-10-2005, 08:29 PM
actually, im using an iframe so the background will actually be on a different layout, that's just the window that will be displayed..thnx but it's still not working
Monkey Bizzle
10-10-2005, 08:33 PM
actually, im using an iframe so the background will actually be on a different layout, that's just the window that will be displayed..thnx but it's still not working

did you not read my post? I said that your text color is set to WHITE and your background is WHITE. That is why the text is not showing.
Webmaster04
10-10-2005, 08:46 PM
I understand that, but the actual site is this: http://www.freewebs.com/ramapo_players...the actual background isn't going to be white it's a transparent iframe with the background on the site
Monkey Bizzle
10-10-2005, 09:19 PM
Well, your text isn't going to show up on the under construction page unless you change it. If you want, in the <head></head> section of the under construction page, add this:

<style type="text/css">

body
{color: #000000;}

</style>

That will override that part of the external style sheet to make the text on the under construction page black.
Webmaster04
10-10-2005, 09:23 PM
The Under Construction page isn't a seperate page. It'll pop-up in the main inline frame right underneith were it says Ramapo Players, I think there's something wrong with the body tag though. Because if you look on the left (http://www.freewebs.com/ramapo_players) then you can see that the links are set but it's just the plain text that isn't working and the background's not becoming transparent.
Webmaster04
10-10-2005, 09:32 PM
Although when I put this code, the same one on the external sheet body
{ background: transparent;
background-repeat: repeat;
background-position: top, left;
background-attachment: fixed;
font-family: comic sans ms;
color: #FFFFFF;
font-size: 10pt;
letter-spacing: 1pt;
}, on the internal html sheet between the <head> tags, it works fine...
Monkey Bizzle
10-11-2005, 06:34 AM
Alright... I have no idea what you are talking about... The pages you are showing us as examples are showing up exactly as they should be. How should they look? I looked at your main page, with the iframes, and it too shows up as it should. Your background image takes FOREVER to load so maybe you aren't waiting long enough or something. There is nothing wrong with your page.