PDA

View Full Version : style sheet not working

SkittleBean
01-29-2005, 02:49 PM
on this page:
http://www.geocities.com/voidedaura

the background colour is wrong, there's a link border thing around my image which shouldn't be there, and it's not recognizing my text "classes" they should be different sizes. I'm not seeing any errors in the code.
Chris
01-29-2005, 02:52 PM
Put background-color: #000000; into the body{ part of the css.
kittycat
01-29-2005, 02:53 PM
In your CSS, this doesn't belong to any section, if you want the background to be black add it to the body section:
background-color: #000000;
In your a:hover the font size should look like this:
font-size:10pt;
You have 2 body tags, remove this one:
<body bgcolor="#000000">
And to get rid of the image border add this to the <img> tag:
border="0"
Chris
01-29-2005, 02:54 PM
Kittycat explained it better than me - do what she says, not me. Oh well :rolleyes:
SkittleBean
01-29-2005, 02:58 PM
aha..
but that still does not solve the problem of the text "classes"
the "click to enter" part is defined as h1 and should be bigger than the rest which is defined as p.
Chris
01-29-2005, 03:00 PM
Try changing:

<p class="h1" align="center"> to <div class="h1" align="center">

and change </p> to </div>
SkittleBean
01-29-2005, 03:03 PM
that didn't make a difference
pb&j
01-29-2005, 03:11 PM
if you had your ENTER within H1 tags before, yes it would be small. this is your css...

h1 {font-family: arial;
color: #FFFFFF;
font-weight: normal;
font-size: x-small; }

you defined a new size for H1.

take out the font-size line (remember to keep the closing bracket and not delete it in error) then put your ENTER text back in an H1 tag set.

also, this line...
background-color: #000000;
does not belong to anything. it is just sitting there. please delete it.

then move down to this line...
body { background-color: #000000;
and add that ^ part in.
SkittleBean
01-29-2005, 03:36 PM
I don't know what you mean by ENTER....??
pb&j
01-29-2005, 03:41 PM
i was too lazy to type out the [click to enter] each time. that was the part you have been talking about in the previous postings.

to spell it out... here is your coding all fixed up...

<html>
<head>

<style type="text/css">
A:link
{ text-decoration: none; color:#FFFFFF;
font-size: 10 pt; }
A:visited
{ text-decoration: none; color:#FFFFFF;
font-size: 10pt; }
A:active
{ text-decoration: none; color:#FFFFFF;
font-size: 10pt; }
A:hover
{ text-decoration: underline; color:#FFFFFF;
font-size= 10pt; }

h1 {font-family: arial;
color: #FFFFFF;}

p {font-family: arial;
color: #FFFFFF; }

body { background-color: #000000;
font-family: arial;
color: #FFFFFF;
font-weight: normal;
font-size: xx-small; }

</style>
</head>

<body>

<div align="center"><a href="http://www.geocities.com/voidedaura/index2.html"><img src="intro.jpg" width="536" height="251" align="center" border="0"></a></div>
<h1 align="center">[Click to enter]</h1>

<div class="body" align="center">This site is unfortunately only viewed well in Internet Explorer. Netscape, I do not use and would not
download for any reason including the purposes of this website. So for anyone who swears by Netscape, I have no idea, but I am not making accomodations
for you losers. For anyone using my beloved Firefox, I'm sorry, it will look like crap.
If I could make it work, I would, but alas, I cannot.</div>

</body>
</html>
SkittleBean
01-29-2005, 06:31 PM
but my point was that I want h1 to be bigger than the body text, and that doesn't change anything.
Chris
01-29-2005, 06:39 PM
The code tha pb&j posted does make the enter text bigger. Or at least, it does for me :)

Chris
SkittleBean
01-29-2005, 06:47 PM
sorry, I didn't see some changes in the bottom part.
Chris
01-29-2005, 06:49 PM
Glad you got it working :)

Thanks,
Chris :D