Need help with stylesheet. [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Need help with stylesheet.

Redkaven

03-09-2003, 03:13 AM

Here's what I have:

body {background-image: http://www.geocities.com/fear_clan_pages/aartfear_backgroundblue2.gif; background-attachment: fixed; background-color: #000000;
text-align: justify;
font-family: Arial, Verdana;
font-size: 14px;
scrollbar-face-color: #D8D8D8;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #999999;
scrollbar-track-color: #000080;
scrollbar-arrow-color: #000080;}

a:link {color: #999999;}
a:visited {color: #999999;}
a:hover {color: #000080; text-decoration: none;}

table {text-align: justify;
font-family: Verdana;
font-size: 12px;}

<script language="JavaScript1.2">
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||sour ce.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>

<CENTER>
<TABLE BORDER="1" WIDTH="95%" BORDERCOLOR="#000000">
<TR>
<TD>
<TABLE BORDER="0" BORDERCOLOR="#999999" WIDTH="95%" HEIGHT="25" CELLSPACING="6" CELLPADDING="2" BACKGROUND="aartfear_backgroundsilverbar.gif" onMouseover="changeto('black')" onMouseout="changeback('transparent')">
<TR>
<TD WIDTH="70"><CENTER><A HREF="" style="text-decoration: none; color:#999999"> - News - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="" style="text-decoration: none; color:#999999">- Members - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="charter.html" style="text-decoration: none; color:#999999">- Charter - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="joining.html" style="text-decoration: none; color:#999999">- Joining - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="records.html" style="text-decoration: none; color:#999999">- Records - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="forum.html" style="text-decoration: none; color:#999999">- Forums - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="chat.html" style="text-decoration: none; color:#999999">- Chat - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="info.html" style="text-decoration: none; color:#999999">- Info - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="" style="text-decoration: none; color:#999999">- Links- </A></CENTER></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</CENTER>

 
 

-----------------------------------------

The background image isn't showing up, and I can't get that navigation bar (table) to show up.

Any advice?

Thanks in advance,

-Redkaven

Alcy

03-09-2003, 03:26 AM

It should be....

background-image:url("IMAGE.GIF");

Redkaven

03-10-2003, 08:42 PM

Still doesn't work.

-Redkaven

kittycat

03-10-2003, 08:48 PM

Do you have <html>, <body> etc tags in there? If not, you'll need to add those in.

lilchici13

03-10-2003, 09:19 PM

you have to put all ur style sheet between <style> and </style>

Redkaven

03-11-2003, 12:03 AM

This is what I have, everything works except the background and table (with javascript).

body {background-image: url="http://www.geocities.com/fear_clan_pages/aartfear_backgroundblue2.gif"; background-attachment: fixed; background-color: #000000;
text-align: justify;
font-family: Arial, Verdana;
font-size: 14px;
scrollbar-face-color: #D8D8D8;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #999999;
scrollbar-track-color: #000080;
scrollbar-arrow-color: #000080;}

a:link {color: #999999;}
a:visited {color: #999999;}
a:hover {color: #000080; text-decoration: none;}

table {text-align: justify;
font-family: Verdana;
font-size: 12px;}

<script language="JavaScript1.2">
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||sour ce.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>

<CENTER>
<TABLE BORDER="1" WIDTH="95%" BORDERCOLOR="#000000">
<TR>
<TD>
<TABLE BORDER="0" BORDERCOLOR="#999999" WIDTH="95%" HEIGHT="25" CELLSPACING="6" CELLPADDING="2" BACKGROUND="aartfear_backgroundsilverbar.gif" onMouseover="changeto('black')" onMouseout="changeback('transparent')">
<TR>
<TD WIDTH="70"><CENTER><A HREF="" style="text-decoration: none; color:#999999"> - News - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="" style="text-decoration: none; color:#999999">- Members - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="charter.html" style="text-decoration: none; color:#999999">- Charter - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="joining.html" style="text-decoration: none; color:#999999">- Joining - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="records.html" style="text-decoration: none; color:#999999">- Records - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="forum.html" style="text-decoration: none; color:#999999">- Forums - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="chat.html" style="text-decoration: none; color:#999999">- Chat - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="info.html" style="text-decoration: none; color:#999999">- Info - </A></CENTER></TD>
<TD WIDTH="70"><CENTER><A HREF="" style="text-decoration: none; color:#999999">- Links- </A></CENTER></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</CENTER>

 
 

----------------------

-Redkaven

Redkaven

03-11-2003, 12:12 AM

I added the style tags, but still no luck. You think teh javascript is messing it up?

-Redkaven

epolady

03-11-2003, 12:48 AM

Change

body {background-image: url="http://www.geocities.com/fear_clan_pages/aartfear_backgroundblue2.gif";

to

body{
background-image: url(http://www.geocities.com/fear_clan_pages/aartfear_backgroundblue2.gif);

Redkaven

03-11-2003, 03:44 AM

Ok sweet, that got the background to show up. But what about the table? It isn't showing up...

Thanks for your help fellas,

-Redkaven

epolady

03-11-2003, 04:46 AM

The background of the table or the table itself?

Redkaven

03-11-2003, 05:22 AM

The whole table itself.

-Redkaven

epolady

03-11-2003, 10:46 AM

The table shows for me. Can you provide a link to the problem page?

When I hover over a link though, it's giving a javascript error, btw.

Redkaven

03-11-2003, 03:08 PM

http://www.geocities.com/fear_clan_pages/zzz.html

There's the link to the page using the style sheet.

Thanks again,

-Redkaven

Redkaven

03-11-2003, 03:09 PM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

<title>Untitled</title>

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

</head>

<body>

</body>
</html>

There's all the code on that page.

-Redkaven

epolady

03-11-2003, 05:09 PM

There's no table coding, of course you won't be able to see it.

Redkaven

03-12-2003, 04:05 PM

I included the table in the styles sheet. That won't work?

-Redkaven

lefty

03-12-2003, 04:57 PM

nope, there should only be CSS in your stylesheet.

If you want to do something like that, you'll have to use SSI.