Is there a way to set up an include in CSS

[newkid]

I have a couple of includes that I use on all my pages is there a way to set it up in css. (New to css so I may not be doing this correctly) so that I wouldn't have to type in the includes on each page or even better is there a way that the header stuff could be set up in css. The other include I use is a footer area and that include is put right before the close-body tag on each page

Thanks
J.C.
To learn is a good thing and today I hope to learn something new!!


this is the include I set up and it is right under the body tag on all my pages.
<!--#INCLUDE file="../Header.htm"-->

included the include file also just in case you need to see that
(it is just the basic header area on each of my pages and my menu (javascript stuff)

<script type='text/javascript'>
function Go(){return}
</script>
<script type='text/javascript' src='http://Intranet/Bin/TopMenu_var.js'></script>
<script type='text/javascript' src='http://Intranet/Bin/menu_com.js'></script>

<TABLE border="0" width="100%" cellspacing="0" cellpadding="0" height="93">
<TR>
<TD height="93" width="10%" valign="middle" align="center" background="http://Intranet/images/Menu/MenuHeader1.gif">&nbsp;</TD>
<TD height="93" width="84%" valign="bottom" align="center" background="http://Intranet/images/Menu/MenuHeader2.gif">
<FONT color="#FFFFFF"><B>
<script LANGUAGE="JavaScript1.2">
var months=new Array(13);
months[1]="January";
months[2]="February";
months[3]="March";
months[4]="April";
months[5]="May";
months[6]="June";
months[7]="July";
months[8]="August";
months[9]="September";
months[10]="October";
months[11]="November";
months[12]="December";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
document.write("<left>" + lmonth + " ");
document.write(date + ", " + year + "</left>");
</script>
</B></FONT>
<P style="word-spacing: 0; margin: 0">
<img border="0" src="http://Intranet/images/Menu/jcm.gif" width="375" height="40">
</P>
</TD>
<TD height="93" width="6%" valign="top" align="center" background="http://Intranet/images/Menu/MenuHeader3.gif">
</TD>
</TR>
</TABLE>




this is my css file (feel free to comment on this also since I'm trying to learn this stuff)


/************************************************************/
/* ELEMENT (TD,H1,BODY,UL,INPUT,SELECT,etc.) BASED STYLES */
/************************************************************/


/* TOP LEVEL STYLES */
BODY {
background-color: white;
font-family: Verdana;
font-size: 12px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}

Table {
width: 100%;
}

TD
{
font-family: Arial-Narrow;
font-size: 8pt;
text-decoration: none;
vertical-align : top;
color=blue;
}

TH
{
font-family: Arial-Narrow;
font-size: 8pt;
text-decoration: none;
vertical-align : top;
color=blue;
}



/************************************************************/
/* ANCHOR STYLES */
/************************************************************/

A {
cursor: hand;
color: #003366;
font-family:Arial-Narrow;
FONT-SIZE: 8pt;
text-decoration: underline;
}

A:link A:visited {
cursor: hand;
text-decoration: none;
color: #003366;
}

A:hover {
color: maroon;
}

A.Link {
text-decoration: underline;
}

A.listTableHeaderAnchorStyle {
color: black;
text-decoration: none;
cursor: hand;
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
}

P{
font-family: Arial;
font-size: 11pt;
font-style: normal;
}
/************************************************************/
/* HEADER STYLES */
/************************************************************/

H2 {
color: black;
background-color: #6699CC;
font-family: Arial;
font-size: 11pt;
font-style: normal;
font-weight: bold;
text-align: center;
vertical-align: top;
border-top: 1px black solid;
border-right: 1px black solid;
border-bottom: 1px black solid;
border-left: 1px black solid;
margin-bottom: 5px;
margin-top: 2px;
margin-left: 1px;
margin-right: 1px;
}

/************************************************************/
/* INPUT Styles */
/************************************************************/


INPUT.littleButton {
cursor: hand;
font-size: 8.5pt;
font-family: Arial;
font-weight: bold;
width: 75;
color: black;
background: #6699CC;
border: outset 2 #9999cc;
line-height: 11pt;
align: center;
}

SELECT {
border-top: 1pt black solid;
border-right: 1pt black solid;
border-bottom: 1pt black solid;
border-left: 1pt black solid;
text-align: center;
font-family: Arial;
font-size: 110%;
}


/************************************************************/
/* TEXTAREA Styles */
/************************************************************/

TEXTAREA {
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
text-align: left;
font-family: Arial;
font-size: 10pt;
}

/************************************************************/
/* Html lists */
/************************************************************/
UL {
text-align: left;
font-weight: normal;
margin-left: 15px;
margin-bottom: 0px;
}


/************************************************************/
/* FORM */
/************************************************************/


FORM {
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}


/************************************************************/
/* STATUS BAR Style */
/* Use an image, transparent, background color will be the */
/* status bar. */
/************************************************************/

.statusBarStyle {
background-color: #6699CC;
}

.button {
background-color: #31669A;
color: #000000;
font-family: Arial;
}


/************************************/
/*********ListView Styles************/
/************************************/
th.ViewHeaderStyle
{
border-top: 1px black solid;
border-bottom: 1px black solid;
border-left: 1px black solid;
border-right: 1px black solid;
padding-left: 5px;
padding-right: 2px;
font-famliy: Arial;
font-weight: bold;
font-size: 70%;
text-align: left;
text-decoration: none;
}

table.ViewTableStyle
{
width:100%;
}

td
{
font-size: 12px;
font-family: Arial;
}

td.DisplayCellLines
{
border-bottom : 1px solid #DDDDDD;
}

.ViewRowSelectedStyle {
color: highlighttext;
background: highlight;
text-align: left;
font-family: Verdana, Arial;
padding-left: 5px;
padding-right: 2px;
cursor: hand;
}

.subheader
{
font-family: Verdana;
font-size: 12pt;
background-color: #6699CC;
width: 25%;
color: white;
border-top: 1px black solid;
border-right: 1px black solid;
border-bottom: 1px black solid;
border-left: 1px black solid;
margin-bottom: 5px;
margin-top: 2px;
margin-left: 1px;
margin-right: 1px;
}

[Nightfire]

No, you can't do it. CSS is for presentation/style only

[newkid]

Ok, thanks Nightfire

J.C.

[mindlessLemming]

This isn't what you're after, but you can include a CSS file from another css file like so..

@import extra.css;


Also, you asked for people to comment on your CSS...

cursor: hand;

The above is an IE proprietry value. The correct value is cursor:pointer;

Something like this...

background-color: #6699CC;
border-top: 1px black solid;
border-right: 1px black solid;
border-bottom: 1px black solid;
border-left: 1px black solid;
margin-bottom: 5px;
margin-top: 2px;
margin-left: 1px;
margin-right: 1px;

Can be made much smaller...

background-color: #69C;
border: 1px black solid;
margin:2px 1px 5px 1px;


The order for the shorthand version of margin or padding is clockwise, from the top...
margin:top right bottom left;
:)

[newkid]

Thanks Lemming :thumbsup: