css is not working???!!!??? [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : css is not working???!!!???

PinkSparkler321

11-26-2003, 05:19 AM

ok- i when i look @ my site on my computer in the "my documents" folder, all of my css stuff works- like my link colors. But now when i uploaded it to the internet, my css codes are not working. what's wrong? these are my codes:

STYLE SHEET CODE:

A:link
{ text-decoration: NONE; color:#CC99ff; }
A:visited
{ text-decoration: NONE; color:#cc99ff; }
A:active
{ text-decoration: NONE; color:#cc99ff; }
A:hover
{ text-decoration: NONE; color:#ccccff;

background-image: iframebackground.JPG);
background-color: ff6699;

(Warning: the following cursor attribute is for those who use IE only!)

cursor: value; [default, auto, wait, crosshair, hand, help, text, move, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize]
cursor: url('yourdomain.com/cursor.ani');}

h1 {font-family: value; [your font name for headers (arial, verdana, etc.)]
color: value; [your font color (#000000)] }

p {font-family: value; [your font name for paragraphs (arial, verdana, etc.)]
color: value; [your font color (#9966cc)] }

body
{ background-image: iframebackground4.jpg
background-image:iframebackground4.jpg;
background-repeat: value; no-repeat
background-attachment: value; fixed



{background-color: clear;
font-family: comic sans ms;
font-color: #ffffff;
letter-spacing: 1pt;
font-weight:light;
font-size:medium;
font-face:comic sans ms;
filter: alpha(opacity=100);}

direction:rtl;

(Warning: the following scrollbar attribute is for those who use IE only!)

scrollbar-face-color : #FFFFFF;
scrollbar-highlight-color : #ff6699;
scrollbar-3dlight-color : #9966cc;
scrollbar-shadow-color : #9966cc;
scrollbar-darkshadow-color : #ff6699;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td
{ font-family: COMIC SANS MS;
color: #ffffff;
padding-left: value; [2cm, 4cm etc.]
padding-right: value; [2cm]
padding-top: value; [2cm]
padding-bottom: value; [2cm]
padding: value; [2cm this is for all four sides]
padding: value value; [2cm, 4cm : two values for four sides, add numerical value] }

input, textarea
{ background: ae16ee ;
font-family: COMIC SANS MS;
color: #FFFFFF;
border-style: value; [dotted, dashed, solid, double, groove, ridge, inset, outset]
border-color: #FFFFFF;
border-width: valuepx; [numerical value, 5, 6, 8...] }

on the site index: (between the <head> </head> tags):

<LINK href="mystylesheet.css" rel="stylesheet" type="text/css">

SunChika_16

11-26-2003, 05:32 AM

Hi. This is what looks to be your style sheet code, just simplified. You also forgot a } after one of your breaks,

A:hover
{ text-decoration: NONE; color:#ccccff; THEN "}" or else it won't work.

So try this out, and if no luck, sorry about that.

A:link
{ text-decoration: NONE; color:#CC99ff; }
A:visited
{ text-decoration: NONE; color:#cc99ff; }
A:active
{ text-decoration: NONE; color:#cc99ff; }
A:hover
{ text-decoration: NONE; color:#ccccff; }

background-image: iframebackground.JPG);
background-color: ff6699;

p {font-family: value; [PICK YOUR FONT - PUT IT WHERE IT SAYS VALUE - THEN ERASE THIS]
color: #9966cc; }

body
{ background-image: iframebackground4.jpg
background-image:iframebackground4.jpg;
background-repeat: value; no-repeat
background-attachment: value; fixed



{background-color: clear;
font-family: comic sans ms;
font-color: #ffffff;
letter-spacing: 1pt;
font-weight:light;
font-size:medium;
font-face:comic sans ms;
filter: alpha(opacity=100);}

direction:rtl;

scrollbar-face-color : #FFFFFF;
scrollbar-highlight-color : #ff6699;
scrollbar-3dlight-color : #9966cc;
scrollbar-shadow-color : #9966cc;
scrollbar-darkshadow-color : #ff6699;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td
{ font-family: COMIC SANS MS;
color: #ffffff;
padding-left: value; [2cm, 4cm etc.]
padding-right: value; [2cm]
padding-top: value; [2cm]
padding-bottom: value; [2cm]
padding: value; [2cm this is for all four sides]
padding: value value; [2cm, 4cm : two values for four sides, add numerical value] }

input, textarea
{ background: ae16ee ;
font-family: COMIC SANS MS;
color: #FFFFFF;
border-style: value; [dotted, dashed, solid, double, groove, ridge, inset, outset]
border-color: #FFFFFF;
border-width: valuepx; [numerical value, 5, 6, 8...] }

Hope this helps you out.

pb&j

11-26-2003, 05:34 AM

here is your style sheet cleaned up a bit. your main problem is you have to take out the comment tags, replace the word VALUE with an actual value, and take out the IE ONLY comments.

a {text-decoration: none; color:#CC99ff;}

a:hover {text-decoration: none; color:#ccccff;
background-image: url("iframebackground.jpg");
background-color: ff6699;}

body
{ background-image: url("iframebackground4.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-color: transparent;
font-family: comic sans ms;
font-color: #ffffff;
letter-spacing: 1pt;
font-weight:light;
font-size:medium;
filter: alpha(opacity=100);
direction:rtl;
scrollbar-face-color : #FFFFFF;
scrollbar-highlight-color : #ff6699;
scrollbar-3dlight-color : #9966cc;
scrollbar-shadow-color : #9966cc;
scrollbar-darkshadow-color : #ff6699;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;
margin: 0;
padding: 0;
}

td {font-family: COMIC SANS MS;
color: #ffffff;
}

input, textarea {background-color: ae16ee;
font-family: COMIC SANS MS;
color: #FFFFFF;
border-color: #FFFFFF;
}

PinkSparkler321

11-26-2003, 01:37 PM

thanks for helping me clean up my sheet! I'm kinda new @ this css thing. :) My links are still not working- the colors are not changing- they are all my default internet link colors. does anyone know what else i could do? thanx!

pb&j

11-26-2003, 02:22 PM

if you have STYLE or COMMENT tags on the css page, take them out.

other than that, if you can post a link to the page in question, it may help. something else may be getting in the way of your css declaration.

PinkSparkler321

11-26-2003, 08:16 PM

ok- now my css page is all cleaned up- no more comment or style tags--- I can't really post my link to my site- it's a private site and i only give the link to my friends- sorry! I'll post my code tho:

here is my code for one of the pages on my site where the css code isn't workin': (this page is in an iframe)

<html>
<head>
<LINK href="mystylesheet.css" rel="stylesheet" type="text/css">

<title>Your page title goes here</title>
</head>
<body>
<body background="iframebackground4.gif">

<div align="center"><p><font face="comic sans ms" size="3" color="#FFFFFF">

†::Etc::†
<BR><BR>

<a href="funnystories.html">†::Funny Stories::†</a>
<BR><BR>

<a href="Shoutouts.html">†::Shout Outs::†</a>
<BR><BR>
<a href="Puzzle.html">†::Puzzle::†</a>
<BR><BR>
<a href="coolstuff.html">†::Cool Stuff::†</a>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR>

</font></p></div>

</body>
</html>

and here is the one for the index page around the iframe:

<html>
<head>
<LINK href="mystylesheet.css" rel="stylesheet" type="text/css">

<script language="javascript" type="text/javascript">
//
</script>

<title>:: Shimmer Starz :: :: Version 2.0 :: :: "Girly Girl" ::</title>
</head>
<body>

<TABLE BORDER=6 bordercolor="AE16EE" WIDTH=975 HEIGHT=560 cellpadding=1 cellspacing=3>
<TR>
<TD ALIGN= "CENTER" VALIGN= "TOP" body background="iframebackground4.gif">

<TABLE BORDER=0 bordercolor="FF10B5" WIDTH=540 HEIGHT=175 cellpadding=1 cellspacing=3>
<TR>
<TD ALIGN= "CENTER" VALIGN= "TOP" Bgcolor= "">
<div align="center"><img src="shimmerlogoanimation.gif"></div>
</TD>
</TR>
</TABLE>

<ALIGN= "left"><TABLE BORDER=0 bordercolor="ffffff" bg= iframebackground4.gif WIDTH=200 HEIGHT= 425 cellpadding=1 cellspacing=3 ALIGN= "left">
<TR>
<TD ALIGN= "left" VALIGN= "top">

<div align="center"><img src="menu.gif"></div>

<div align="center">
<a href="etc.html" target="inlineframe"><img src="buttonetc.gif" border="0"></a></div>
<div align="center">
<a href="music.html" target="inlineframe"><img src="buttonmusic.gif" border="0"></a></div>
<div align="center">
<a href="www.jump5.com"><img src="buttonforum.gif" border="0"></a></div>
<div align="center">
<a href="links.html" target="inlineframe"><img src="buttonlinks.gif" border="0"></a></div>
<div align="center">
<a href="about.html" target="inlineframe"><img src="buttonabout.gif" border="0"></a></div>
<div align="center">
<a href="http://pub.alxnet.com/guestbook?id=2528162"><img src="signmygbookanimation.gif" border="0"></a></div>
<a href="home.html" target="inlineframe"></a></div>
<div align="center">

<a href="home.html" target="inlineframe"><img src="house.gif" border="0"></a></div>
<div align="center">
<div align="center"><img src="ilovetodance.gif"></div>

</td>
</TR>
</TABLE>

<TABLE BORDER=0 bordercolor="ffffff" WIDTH=540 HEIGHT=366 cellpadding=1 cellspacing=3 align= left>
<TR>
<TD ALIGN= "CENTER" VALIGN= "TOP">

<IFRAME name="inlineframe" src="home.html" style= "border: 5 solid #" width=540 height=393 marginwidth=0
marginheight=0 hspace=0 vspace=0 frameborder=2 scrolling=auto, body bg= "iframebackground3.gif"></IFRAME>
</td>
</TR>
</TABLE>

<div style="position:absolute; top:439px; left:863px;"><a href="javascript:popup()"><img src="phonepinkmenu.gif" border=0 width="51" height="25"
alt="Click Here for the Phone Book :)"></a></div>

<div style="position:absolute; top:510px; left:828px;"><a href="http://media.emicmg.com/SPD83553R/audio/wma/30sec/100/101.asx"><img src="phonebutton1.jpg"
border="0"></a></div>

<div style="position:absolute; top:510px; left:870px;"><a href="http://media.emicmg.com/SPD80666R/audio/wma/30sec/100/102.asx"><img src="phonebutton2.jpg"
border="0"></a></div>

<div style="position:absolute; top:510px; left:912px;"><a href="http://media.emicmg.com/SPD40547/audio/wma/30sec/100/111.asx"><img src="phonebutton3.jpg"
border="0"></a></div>

<div style="position:absolute; top:535px; left:828px;"><a href="http://media.emicmg.com/SPD90652/audio/wma/30sec/100/204.asx"><img src="phonebutton4.jpg"
border="0"></a></div>

<div style="position:absolute; top:535px; left:870px;"><a href="http://media.emicmg.com/SPD51850/audio/red/wma/30sec/100/05.asx"><img src="phonebutton5.jpg"
border="0"></a></div>

<div style="position:absolute; top:535px; left:912px;"><a href="http://media.emicmg.com/SPD39776/audio/wma/30sec/100/205.asx"><img src="phonebutton6.jpg"
border="0"></a></div>

<div style="position:absolute; top:560px; left:828px;"><a href="http://media.emicmg.com/SPD51850/audio/red/wma/30sec/100/13.asx"><img src="phonebutton7.jpg"
border="0"></a></div>

<div style="position:absolute; top:560px; left:870px;"><a href="http://media.emicmg.com/SPD51850/audio/red/wma/30sec/100/10.asx"><img src="phonebutton8.jpg"
border="0"></a></div>

<div style="position:absolute; top:560px; left:912px;"><a href="http://media.emicmg.com/SPD51850/audio/gold/wma/30sec/100/03.asx"><img src="phonebutton9.jpg"
border="0"></a></div>

<div style="position:absolute; top:585px; left:828px;"><a href="http://media.emicmg.com/SPD51850/audio/red/wma/30sec/100/08.asx"><img src="phonebuttonstar.jpg"
border="0"></a></div>

<div style="position:absolute; top:585px; left:870px;"><a href="http://media.emicmg.com/SPD51850/audio/gold/wma/30sec/100/07.asx"><img src="phonebutton0.jpg"
border="0"></a></div>

<div style="position:absolute; top:585px; left:912px;"><a href="http://media.emicmg.com/SPD51850/audio/red/wma/30sec/100/14.asx"><img src="phonebutton#.jpg"
border="0"></a></div>

<div align="right"><img src="phonepink.gif"></div>

<marquee behavior=scroll direction="left" scrollamount="5" marquee bgcolor="CCCCCC">
<p><font face="comic sans ms" size="3" color="#FFFFFF">
Don't let anyone look down on you because you are young, but set an example for the believers in speech, in life, in love, in faith and
in purity. -1 Timothy 4:12 Let them praise His name with dancing. -Psalm 149:3 For you bless the godly, O LORD, surrounding them with your
shield of love. -Psalm 5:12 Surely your goodness and unfailing love will pursue me all the days of my life, and I will live in the house
of the LORD forever. -Psalm 23:6 Do not be afraid or discouraged, for the LORD is the one who goes before you.
He will be with you; he will never leave you nor forsake you. -Deuteronomy 31:8
</marquee>
</td>
</TR>
</TABLE>

</body>
</html>

PS> thanks soooooo much for helpin' me! I REALLY appreciate it! thanx! :) ~Lex

MaGiCSuN

11-26-2003, 09:09 PM

1. is that stylesheet in the same folder as that page where the links are not working on? check that, if not you gotta fill in the whole url to the stylesheet

2. try changing this:

a {text-decoration: none; color:#CC99ff;}

to this:

A:link {text-decoration: none; color:#CC99ff;}
A:active {text-decoration: none; color:#CC99ff;}
A:visited {text-decoration: none; color:#CC99ff;}

Love,
Mirna

PinkSparkler321

11-26-2003, 10:54 PM

what do you mean by in the same folder? cuz all of my website files (graphics, css, html pages, etc) are saved in a folder that I called "website" is that what you mean by that? if not, can you please tell me how to put the url on my style sheet or whatever you were talkin' about? thanks! :)

I tried the 2nd thing that you told me, and it didn't change anything. I just don't understand what on earth could be wrong!!! LOL if u have any more suggestions, please post...thanks! ~Alex

pb&j

11-27-2003, 06:44 AM

<body>
<body background="iframebackground4.gif">

delete that first BODY tag. you should only have one set. it may not help the problem, but it helps in your coding practice.

PinkSparkler321

11-27-2003, 03:04 PM

hey, thanks for the tip!!! I'll do that.... hey I figured out what the actual problem is- my css page is not getting linked to the page that needs the css codes on it- do you know where my link is wrong? this is what I've put on the page that i want css on (between the head tags):

<LINK href="mystylesheet.css" rel="stylesheet" type="text/css">

is this right? and do i save my css page in the same folder as the rest of my website pages? thanx soooo much 4 ur time! ~allie :)

Rosey

11-27-2003, 03:41 PM

Put it in the same folder yes...and your link is right.

Did you name is mystylesheet.css

You have to save it like that, if you are using Notepad, make sure that "All Files" is selected and type in mystylesheet.css

PinkSparkler321

11-27-2003, 05:27 PM

this is so wierd- cuz i did everything that you told me to do, and when i saved, it said "all files" and stuff, so what on earth could be wrong. could my <font="comic sans ms" font color= "ffffff"> tag on the page be affecting my css? thanx~ ~alexis

Rosey

11-27-2003, 05:33 PM

what's the link?

PinkSparkler321

11-27-2003, 05:45 PM

the link for my site?.... sorry i can't give it out- it's a private url- i can give you any of my codes tho- what do u need? ~Lex

Rosey

11-27-2003, 05:48 PM

all your css and all your html.

PinkSparkler321

11-27-2003, 11:59 PM

my style sheet (saved as mystylesheet.css)

A:link {text-decoration: none; color:#CC99ff;}
A:active {text-decoration: none; color:#CC99ff;}
A:visited {text-decoration: none; color:#CC99ff;}

a:hover {text-decoration: none; color:#ccccff;

body
{ background-image: url("iframebackground4.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-color: transparent;
font-family: comic sans ms;
font-color: #ffffff;
letter-spacing: 1pt;
font-weight:light;
font-size:medium;
filter: alpha(opacity=100);
direction:rtl;
scrollbar-face-color : #FFFFFF;
scrollbar-highlight-color : #ff6699;
scrollbar-3dlight-color : #9966cc;
scrollbar-shadow-color : #9966cc;
scrollbar-darkshadow-color : #ff6699;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;
margin: 0;
padding: 0;
}

td {font-family: COMIC SANS MS;
color: #ffffff;
}

input, textarea {background-color: ae16ee;
font-family: COMIC SANS MS;
color: #FFFFFF;
border-color: #FFFFFF;
}

my page index (saved as index.html)

<html>
<head>
<LINK href="mystylesheet.css" rel="stylesheet" type="text/css">

<script language="javascript" type="text/javascript">
//
</script>

<title>:: Shimmer Starz :: :: Version 2.0 :: :: "Girly Girl" ::</title>
</head>
<body>

<TABLE BORDER=6 bordercolor="AE16EE" WIDTH=975 HEIGHT=560 cellpadding=1 cellspacing=3>
<TR>
<TD ALIGN= "CENTER" VALIGN= "TOP" body background="iframebackground4.gif">

<TABLE BORDER=0 bordercolor="FF10B5" WIDTH=540 HEIGHT=175 cellpadding=1 cellspacing=3>
<TR>
<TD ALIGN= "CENTER" VALIGN= "TOP" Bgcolor= "">
<div align="center"><img src="shimmerlogoanimation.gif"></div>
</TD>
</TR>
</TABLE>

<ALIGN= "left"><TABLE BORDER=0 bordercolor="ffffff" bg= iframebackground4.gif WIDTH=200 HEIGHT= 425 cellpadding=1 cellspacing=3 ALIGN= "left">
<TR>
<TD ALIGN= "left" VALIGN= "top">

<div align="center"><img src="menu.gif"></div>

<div align="center">
<a href="etc.html" target="inlineframe"><img src="buttonetc.gif" border="0"></a></div>
<div align="center">
<a href="music.html" target="inlineframe"><img src="buttonmusic.gif" border="0"></a></div>
<div align="center">
<a href="www.jump5.com"><img src="buttonforum.gif" border="0"></a></div>
<div align="center">
<a href="links.html" target="inlineframe"><img src="buttonlinks.gif" border="0"></a></div>
<div align="center">
<a href="about.html" target="inlineframe"><img src="buttonabout.gif" border="0"></a></div>
<div align="center">
<a href="http://pub.alxnet.com/guestbook?id=2528162"><img src="signmygbookanimation.gif" border="0"></a></div>
<a href="home.html" target="inlineframe"></a></div>
<div align="center">

<a href="home.html" target="inlineframe"><img src="house.gif" border="0"></a></div>
<div align="center">
<div align="center"><img src="ilovetodance.gif"></div>

</td>
</TR>
</TABLE>

<TABLE BORDER=0 bordercolor="ffffff" WIDTH=540 HEIGHT=366 cellpadding=1 cellspacing=3 align= left>
<TR>
<TD ALIGN= "CENTER" VALIGN= "TOP">

<IFRAME name="inlineframe" src="home.html" style= "border: 5 solid #" width=540 height=393 marginwidth=0
marginheight=0 hspace=0 vspace=0 frameborder=2 scrolling=auto, body bg= "iframebackground3.gif"></IFRAME>
</td>
</TR>
</TABLE>

<div style="position:absolute; top:439px; left:863px;"><a href="javascript:popup()"><img src="phonepinkmenu.gif" border=0 width="51" height="25"
alt="Click Here for the Phone Book :)"></a></div>

<div style="position:absolute; top:510px; left:828px;"><a href="http://media.emicmg.com/SPD83553R/audio/wma/30sec/100/101.asx"><img src="phonebutton1.jpg"
border="0"></a></div>

<div style="position:absolute; top:510px; left:870px;"><a href="http://media.emicmg.com/SPD80666R/audio/wma/30sec/100/102.asx"><img src="phonebutton2.jpg"
border="0"></a></div>

<div style="position:absolute; top:510px; left:912px;"><a href="http://media.emicmg.com/SPD40547/audio/wma/30sec/100/111.asx"><img src="phonebutton3.jpg"
border="0"></a></div>

<div style="position:absolute; top:535px; left:828px;"><a href="http://media.emicmg.com/SPD90652/audio/wma/30sec/100/204.asx"><img src="phonebutton4.jpg"
border="0"></a></div>

<div style="position:absolute; top:535px; left:870px;"><a href="http://media.emicmg.com/SPD51850/audio/red/wma/30sec/100/05.asx"><img src="phonebutton5.jpg"
border="0"></a></div>

<div style="position:absolute; top:535px; left:912px;"><a href="http://media.emicmg.com/SPD39776/audio/wma/30sec/100/205.asx"><img src="phonebutton6.jpg"
border="0"></a></div>

<div style="position:absolute; top:560px; left:828px;"><a href="http://media.emicmg.com/SPD51850/audio/red/wma/30sec/100/13.asx"><img src="phonebutton7.jpg"
border="0"></a></div>

<div style="position:absolute; top:560px; left:870px;"><a href="http://media.emicmg.com/SPD51850/audio/red/wma/30sec/100/10.asx"><img src="phonebutton8.jpg"
border="0"></a></div>

<div style="position:absolute; top:560px; left:912px;"><a href="http://media.emicmg.com/SPD51850/audio/gold/wma/30sec/100/03.asx"><img src="phonebutton9.jpg"
border="0"></a></div>

<div style="position:absolute; top:585px; left:828px;"><a href="http://media.emicmg.com/SPD51850/audio/red/wma/30sec/100/08.asx"><img src="phonebuttonstar.jpg"
border="0"></a></div>

<div style="position:absolute; top:585px; left:870px;"><a href="http://media.emicmg.com/SPD51850/audio/gold/wma/30sec/100/07.asx"><img src="phonebutton0.jpg"
border="0"></a></div>

<div style="position:absolute; top:585px; left:912px;"><a href="http://media.emicmg.com/SPD51850/audio/red/wma/30sec/100/14.asx"><img src="phonebuttonpound.jpg"
border="0"></a></div>

<div align="right"><img src="phonepink.gif"></div>

<marquee behavior=scroll direction="left" scrollamount="5" marquee bgcolor="CCCCCC">
<p><font face="comic sans ms" size="3" color="#FFFFFF">
Don't let anyone look down on you because you are young, but set an example for the believers in speech, in life, in love, in faith and
in purity. -1 Timothy 4:12 Let them praise His name with dancing. -Psalm 149:3 For you bless the godly, O LORD, surrounding them with your
shield of love. -Psalm 5:12 Surely your goodness and unfailing love will pursue me all the days of my life, and I will live in the house
of the LORD forever. -Psalm 23:6 Do not be afraid or discouraged, for the LORD is the one who goes before you.
He will be with you; he will never leave you nor forsake you. -Deuteronomy 31:8
</marquee>
</td>
</TR>
</TABLE>

</body>
</html>

here is one of the pages that is displayed inside the iframe (the css is not working on this page)

<html>
<head>

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

<title>Your page title goes here</title>
</head>
<body>
<body background="iframebackground4.gif">

<div align="center"><p><font face="comic sans ms" size="3" color="#FFFFFF">

†::Etc::†
<BR><BR>

<a href="funnystories.html">†::Funny Stories::†</a>
<BR><BR>

<a href="Shoutouts.html">†::Shout Outs::†</a>
<BR><BR>
<a href="Puzzle.html">†::Puzzle::†</a>
<BR><BR>
<a href="coolstuff.html">†::Cool Stuff::†</a>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR>

</font></p></div>

</body>
</html>

thanx 4 ur help! ~allie :) PS> happy thanksgiving! :)

Rosey

11-28-2003, 12:26 AM

On your style sheet:

A:link {text-decoration: none; color:#CC99ff;}
A:active {text-decoration: none; color:#CC99ff;}
A:visited {text-decoration: none; color:#CC99ff;}

a:hover {text-decoration: none; color:#ccccff;}

Should work now. It's also a good idea to specify the fonts for your tags in the style sheet instead of on your actual html page. I noticed you still had a lot of <font> tags and stuff.
Also, specify what kind of text and size you want for your links.

Example:

a:link { font-family: Verdana,arial, helvetica, sans-serif;
font-size: 8pt;
color: #C0C0C0;
font-weight: normal;
text-decoration: none }

PinkSparkler321

11-28-2003, 12:33 AM

I haven't fixed my font and font size tags yet, but i added the little } thing and it still isn't working- it's like my page isn't getting the css link @ all! any more suggestions? ~allie :) thanx soo mcuh for helpin' me- i really appreciate it. :)

Rosey

11-28-2003, 01:29 AM

Clear out your temp files and reload. If that doesn't work, I have no clue.

It's working on my end now.

PinkSparkler321

11-28-2003, 02:15 AM

how exactly do you do that? (hehe, sorry, I've never done this before) thanks so much! ~allie :)

Rosey

11-28-2003, 02:20 AM

Try hitting Shift + Reload first. That makes your browser check for newer versions.

Go you to your preferences on your browser or options, whatever your browser calls it, and clear out the cache files.

PinkSparkler321

11-28-2003, 03:02 AM

hey, when u tried it on ur end, did u upload it to the internet, cuz my site (including the css) works while it is on my computer, but when i upload it, it doesn't work. strange, huh?

PS> I tried deleting my temp files and refreshing it, but stil no luck. Thanks for trying to help me- I'll keep trying. ~allie :) PS> I really appreciate you taking all this time to help me. :)

Rosey

11-28-2003, 03:25 AM

Why don' t you pm me your site url, i won't share it.

There has to be something else going on but I need to look at it.

PinkSparkler321

11-28-2003, 03:51 AM

aha!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!! I FIGURED IT OUT!!!!!!!!!! .CSS IS CASE-SENSITIVE!!!!!! HA, WHO WOULD HAVE KNOWN???? all i did was rename my file from MYSTYLESHEET.CSS to mystylesheet.css and it works!!! yay!!!!!! thanks so much rosey for all ur time and help!!!! ~allie :)

Rosey

11-28-2003, 05:32 AM

Everything is case sensitive when it comes to file names.

When something isn't working this is the checklist:

1. Check that the files/images you are linking are there. Check the names.

2. Check for missing " < or > closing tags (like tables) } ;

3. Scream.

PinkSparkler321

11-28-2003, 03:28 PM

hehe, thanks rosey-I'll keep that in mind next time :) ~allie :)