I'm running a website that uses CSS to format the text and a CGI
program Coranto that icludes news updates via SSI. My problem is that
some parts of the CSS don't seem to take effect on the included news.
All four link styles are used, and all four work in the included text
files. The text styles, on the other hand, seem not to work at all.
The text that's part of the actual HTML file is formated according to
the CSS codes. However, the text included with SSI isn't formatted
accordingly. To get a better idea of what I'm talking about, visit my
website at http://thor.prohosting.com/tripheli/body-main.shtml. Here
is the CSS code from the main page of my website:
<!-- Link Styles -->
<style type="text/css">
<!--
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #000000;
text-decoration: none;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #FFFFFF;
text-decoration: underline overline;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #000000;
text-decoration: none;
}
a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #000000;
text-decoration: none;
}
BODY { font-family: arial, helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color:#000000;
}
DIV { font-family: arial, helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color:#000000;
}
-->
</style>
The BODY and DIV styles are attempts to control the text in the main
page, as well as the included text. The program that I use allows you
to change the look of the text that is posted on the page with
"styles" as well. Here is the code from these "styles":
<font size="-1" face="arial">
<a href="http://thor.prohosting.com/tripheli/cgi-bin/coranto/viewnews.cgi?id=<Field:
newsid>"><Field: Subject></a></font>
<br>
<font size="-1" face="arial">Posted by <If: Field: UserField_Email><a
href="mailto:<Field: UserField_Email>"><Field: User></a>
<If: Else>
<Field: User>
</If> on <Field: Date></font>
<hr>
As you can see, I tried to control the size of the font in these
styles as well, using the font tag. However, the font size still
remains unchanged. I would use CSS, but these styles don't contain a
<head></head> section for me to put the embedded styles in. And I
don't think that inline styles would work here eighter.
I'm sorry if this is a long winded post, but I'm ready to start
ripping my hair out. I've tried everything that I could think of, but
nothing seems to be working. Any help would be greatly appreciated.
Thanks.