PDA

View Full Version : Controlling Link Colors within tables, tables inside div



josmdu
03-09-2007, 02:04 PM
I am trying to control the color of these links by css. The first clip of code is the div which holds tables containing links. The reason I've used tables inside the div is to position the links. I do not yet know of a better way to position these links inside the div.

The second clip of code is the css I am using. These a:link statements are only controlling certain parts of the page. Thanks!





<div style="position: absolute; width: 210px; height: 465px; z-index: 1;" id="box">
<div>

<table border="0" width="176" id="rmenutitle" style="border-collapse: collapse">
<tr>
<td width="26"><br>
<br>
</td>
<td width="146">
<a href="accounting.htm">Accounting</a></td>
</tr>
</table>
<table border="0" width="177" id="rmenukids" style="border-collapse: collapse" cellpadding="0">
<tr>
<td width="30">&nbsp;</td>
<td width="147">
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="bookkeeping.htm">
Bookkeeping</a><br>
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="transitionalassistance.htm">
Transitional Assistance</a><br>
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="reportcustomization.htm">
Report Customization</a><br>
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="taxadvisement.htm">
Tax Advisement</a><br>
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="systemsconversions.htm">
Systems Conversions</a><br>
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="dcaa.htm">
DCAA</a></td>
</tr>
</table>
<table border="0" width="176" id="rmenutitle" style="border-collapse: collapse">
<tr>
<td width="26"><br>
<br>
</td>
<td width="146">
<a href="itsolutions.htm">IT
Solutions</a></td>
</tr>
</table>
<table border="0" width="177" id="rmenukids" style="border-collapse: collapse" cellpadding="0">
<tr>
<td width="30">&nbsp;</td>
<td width="147">
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="softwareupgrades.htm">Software</a><a href="softwareupgrades.htm">
Upgrades</a><br>
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
</font><a href="conversionsmigrations.htm">
Conversions / Migrations</a><br>
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="databasesupport.htm">
Database Support</a><br>
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="installations.htm">
Installations</a><br>
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="datasetbackups.htm">
Data Set Backups</a></td>
</tr>
</table>
<table border="0" width="176" id="rmenutitle" style="border-collapse: collapse">
<tr>
<td width="26"><br>
<br>
</td>
<td width="146">
<a href="analysisandtraining.htm">Analysis &amp; Training</a></td>
</tr>
</table>
<table border="0" width="177" id="rmenukids" style="border-collapse: collapse" cellpadding="0">
<tr>
<td width="30">&nbsp;</td>
<td width="147">
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="trainingcourses.htm">
Training Courses</a><br>
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="infrastructureanalysis.htm">Infrastructure Analysis</a><br>
<img border="0" src="images/roundmenu/small_41.gif" width="6" height="5">&nbsp;
<a href="usergroups.htm">User Groups</a></td>
</tr>
</table>
</div>
</div>








a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}

/* roundedmenu */

#rmenutitle {
font: bold 14px arial;
}

#rmenukids {
font: 11px arial;
}

josmdu
03-09-2007, 02:44 PM
Answered. Thread Closed. Thanks for the real estate.