Technical Help & Discussion > Website Design & Programming

CSS question

(1/2) > >>

Reno:
first go to http://bobscrachy.redirectme.net

the first thing you'll notice is a modified index. Ive modifed most of the environmental variables.  One of which is  the configuring of apache's header and footer to use css sheets.

Now heres the css sheet itself


--- Code: ---<head>
<style type="text/css">
<!--
hr {color: white}
body {background-image: url("/icons/angel.jpg")}
A:text {COLOR:#c0c0c0; TEXT-DECORATION: none}
A:link {COLOR:#cc0000 ;TEXT-DECORATION: none}
A:visited {COLOR:#666666 ;TEXT-DECORATION: none}
A:active {COLOR:#5e6f8e ;TEXT-DECORATION: none}
A:hover {COLOR:#000000 ;TEXT-DECORATION: none}
-->
</style>
</head>
--- End code ---


Now this will allow me to change the colors of the text that are links only. Now the strange thing is when i put the css code into the header file and not link the header file to a seperate css file it will change the unlinked text (Name, Size, Description, and the size text) to white or FFFFFF. I can't find any tutorial that will tell me how to modify the css sheet to change the color of unhyperlinked text. Do any of yall have any suggestions?

Simon:
Not that I could help anyway, but that link doesn't seem to work, Bob.

Reno:
yes i took the server offline before i went to sleep lastnight. Sorry simons, its up now.

DJ:
Not sure if this will do it... Only used to using CSS in normal HTML files..


--- Code: ---
<head>
<style type="text/css">
<!--
hr {color: white}
body {background-image: url("/icons/angel.jpg")}
p { color: #c0c0c0; TEXT-DECORATION: none}
A:text {COLOR:#c0c0c0; TEXT-DECORATION: none}
A:link {COLOR:#cc0000 ;TEXT-DECORATION: none}
A:visited {COLOR:#666666 ;TEXT-DECORATION: none}
A:active {COLOR:#5e6f8e ;TEXT-DECORATION: none}
A:hover {COLOR:#000000 ;TEXT-DECORATION: none}
-->
</style>
</head>


--- End code ---


 :?:  :?:  :?:

DJ

Reno:
actually i solved this problem only to run into another less important one.


--- Code: ---<STYLE type="text/css">

A:link {
   COLOR: F0F0F0;
   TEXT-DECORATION: none;}

A:link {
   COLOR: F0F0F0;
   TEXT-DECORATION: none;}

BODY {
   background-color: #000000;
   COLOR: #ACA0A0;}

A:visited {
   COLOR: #C0C0C0;
   TEXT-DECORATION: none;}

A:hover {
   COLOR: #000000;
   TEXT-DECORATION: none;}

A:active {
   COLOR: #5e6f8e;
   TEXT-DECORATION: none;}

</style>
--- End code ---


this is the code the fix the problem. For some reason the brower ignores the first command "links" and goes to the second and so on. I realized this after switching links with background and gaining my background code by loosing my links code. As you can see the only good solution i could think of was to leave a duplicate links code up there. Which this does what i wanted the css to do, but with the annoyance of me not understand why it does it.

Keep in mind that this problem is only presented when i have this code in a seperate .css file. When i put the css code directly into the html file i don't have to have a duplicate comand. The browser reads the code perfectly.

Navigation

[0] Message Index

[#] Next page

Go to full version