Hello webmaster-talk forum,

I just registered here because I'm about to go nuts about a css-file that won't work properly.
For most of you it won't be a problem to find out where there is the problem is - it's a pretty easy .css-file and I tried to organize it to make it more comfortable to read...

***

Here is the code (I will also attach the css-file if there is any trouble):



<!--General (Body) Layout: -->

* {
margin: 0;
padding: 0;
}

body, td, th {
font-family: Geneva, Arial, Helvetica, sans-serif;
background-color: #000000;
/*background-image: url(../images/bg_sparkles.gif);*/
font-size: medium;
font-size-adjust:medium;
font color: #FFCCFF;
visibility: visible;
}

font {
color: #FFCCFF;
font-size-adjust:medium;
font-style: inherit;
visibility: visible;
}

#navi {
overflow:visible;
position:absolute;
border:none;

}



<!--Links:

a {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: medium;
text-decoration: none;
}

/* a:hover Alt:
a:hover {
cursor: auto;
filter: Glow(Color=#FF00FF, Strength=larger);
}
*/

a:active {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: larger;
color: #FF00FF;
text-decoration: underline blink;
}

a:visited {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: medium;
color: #00CCFF;
}

a:hover {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #FF0066;
text-decoration: underline;
}


<!--Frameset:

.frame_img {
white-space: nowrap;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
position: absolute;
visibility: visible;
z-index: auto;
left: 0px;
top: 0px;
margin:0;
padding:0;
}


<!--Contact-form:

.comment {
font-size: x-small;
font-style: italic;
font-weight: lighter;
text-transform: uppercase;
color: #666666;
float: left;
cursor: help;
}

.explanation {
font-size: medium;
font-style: normal;
font-weight: bold;
}

.form_elements {
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-style: double;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}



***

Thank you in advance!

Cheers,
C@ndy

font color: #FFCCFF; doesn't exist
use color: #FFCCFF;

Originally Posted by Insensus

font color: #FFCCFF; doesn't exist
use color: #FFCCFF;

I had a real rough time with this one a few weeks back. The advicve above is correct.

Color is an attribute that can be assigned to more than one item in a CSS file and therefore color: is all you use.

WOW! You guys are faster than Mary Poppins!

so, I have some good news and some bad news...

The good:
It works in the design view of Dreamweaver (Version 8 on Mac - if that's relevant in any way in that matter), and the preview view also works with Firefox 3, Camino and Opera.

The bad:
It doesn't work on Safari (
(Please no nasty comments now about Safari, it's a solid browser and I cannot explain why it's not working).

I didn't change anything so far except that font color-thing which got created apparently automatically by my Dreamweaver.

I don't know why it wouldn't work with Safari... perhaps you should make sure that all of your CSS commands end with a semi-colon. That's a little problem I often have. And perhaps you could give a link to your website, or your updated code?

- Steve

Alright, I played a little bit around with the css file and it seems to work!

Thank you so much for participating & helping me out!

best,
C@ndy