[HTML]<html>
<style type="text/css">
<!--
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #CCCCCC;
}
a:active {
color: #CCCCCC;
}
float{ float:left; }
float { width:187px; padding-left:1px; }
div.float a: link{color:green;}
div#content { clear:left;width:187px; }
-->
</style>
<tr>
<th width="187" bordercolor="#FFFFFF" bgcolor="#FFFFFF" scope="row">
<table width="82%" border="0">
<tr>
<td>
<div class="float">
<a href="#">to show</a>
[PHP]<?php include "alumniLogin.php"; ?>
<?php include "comLogin.php"; ?>
<?php include "ticker.php"; ?>
</div>[/PHP]
</td>
</tr>
</table></th>[/HTML]
You code makes it more difficult than it should be. The float style is only necessary if you want to leave the table lay-out. When you write html code you should go in super lazy mode. Every character is one too many.
Maybe a question i have overseen is; are the tables in the includes the tables you want to apply the different link colors too? I assumed you wanted the colors for the rest of the table head.
If so you have to add a class to the generated tables and not to the containing table.
This is an example for other link colors in the tablehead
[HTML]
<html>
<head>
<style type="text/css">
<!--
body { background:#000; }
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #CCCCCC;
}
a:active {
color: #CCCCCC;
}
/* no borders anywhere for tables */
table { border:0; }
/* this is the padding for all tables inside the tableheader */
table.header th table{padding-left:1px; }
/* i use a class for the column names so you can use the name again for other tables on the page */
table.header th.column1 { width: 187px; background: #fff;}
/* finally styling the link itself */
table.header th.column1 table a:link{color:green;}
-->
</style>
</head>
<body>
<table class="header">
<tr>
<!-- try to put all your styles into the css.
If there is no border you don't need to set a color to it. -->
<th class="column1" scope="row">
<table>
<tr>
<td>
<a href="#">to show</a>
[PHP]<?php include "alumniLogin.php"; ?>
<?php include "comLogin.php"; ?>
<?php include "ticker.php"; ?>
[/PHP]
</td>
</tr>
</table></th>
<th><a href="#">to show</a></th>
</tr>
</table>
</body>
</html>
[/HTML]
If you want to changes the links for the ticker for example you can do
-
/* i assume the ticker is in a table again */
-
table.header table.ticker a:link { color:red;}
-
As you see you don't have to use only classes and id's to style your page you can use the DOM structure too with the help of a few strategically placed classes.
I know it's a little harder to separate all your style attributes from the html and use css lay-out but in the long run you will have an easier to adjust lay-out and less html code. So try to move as much style attributes to css as you can and in no time you will have cleaner and more searchengine friendly pages. This is the way i learned.
sorry for all the ranting :)
127
