CSS: Table Cell Hyperlink Formats

Hi,

For the table below, the CSS for ''navbar'' applies.聽 How do I format Click 1 cell with the ''links2'' CSS for hyperlinks while leaving the ''navbar'' CSS applied to the Click 2 cell?聽 (For Click 1, I would like only the text to be a hyperlink; for Click 2, I would like the entre cell to be a hyperlink, which is what the navbar CSS accomplishes below.)

Thanks in advance,

John

%26lt;table class=''navbar''%26gt;
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽
%26lt;tr%26gt;

%26lt;td class=''navbar''%26gt;London%26lt;/td%26gt;
%26lt;td class=''navbar''%26gt;%26lt;a href=''javascript:void(0);''%26gt;Click 1%26lt;/a%26gt;%26lt;/td%26gt;
%26lt;td class=''navbar''%26gt;%26lt;a href=''javascript:void(0);''%26gt;Click 2%26lt;/a%26gt;%26lt;/td%26gt;
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽
%26lt;/tr%26gt;

table.navbar {
聽聽聽聽聽聽 margin-left:250px;
聽聽聽 margin-top:100px;
聽聽聽 text-align: center;
聽聽聽 font-family: Arial, Helvetica, sans-serif ;
聽聽聽 font-weight: normal;
聽聽聽 font-size: 12px;
聽聽聽 color: #000000;
聽聽聽 width: 100px;
聽聽聽 background-color: #6BDDFE;
聽聽聽 border: 1px #FFFFFF;
聽聽聽 border-collapse: collapse;
聽聽聽 border-spacing: 0px;
聽聽聽 padding: 4px;
}
table.navbar td {
聽聽 border: 3px solid #fff;
}
table.navbar td a{
聽聽 display: block;
聽聽 padding: 3px;
聽聽 text-decoration: none;
}
table.navbar td a:link, table.navbar td a:visited {
聽聽 color: #000;
聽聽 background-color: #C0C0C0;
}
table.navbar td a:hover, table.navbar td a:active {
聽聽 border: 0px solid #fff;
聽聽 color: #3333FF;
聽聽 background-color: #CC0033;
}

a.links2:link {
聽聽聽聽 color: #000000;
聽聽聽 text-decoration: none;
聽聽聽聽 text-align:left;
聽聽聽 margin-top:0px;
聽聽聽 margin-bottom:0px;
聽聽聽 padding:0px;
聽聽聽 font-family:Arial, Helvetica, sans-serif;
聽聽聽 font-size: 12px;
聽聽聽聽 }

a.links2:visited {
聽聽聽聽 color: #000000;
聽聽聽 text-decoration: none;
聽聽聽聽 text-align:left;
聽聽聽 margin-top:0px;
聽聽聽 margin-bottom:0px;
聽聽聽 padding:0px;
聽聽聽 font-family:Arial, Helvetica, sans-serif;
聽聽聽 font-size: 12px;
聽聽聽聽 }


a.links2:hover {
聽聽聽聽 color: #000000; text-decoration: underline;
聽聽聽 text-align:left;
聽聽聽 margin-top:0px;
聽聽聽 margin-bottom:0px;
聽聽聽 padding:0px;
聽聽聽 font-family:Arial, Helvetica, sans-serif;
聽聽聽 font-size: 12px;
聽聽聽 }

a.links2:active {
聽聽聽聽 color: #000000;
聽聽聽聽 text-align:left;
聽聽聽 margin-top:0px;
聽聽聽 margin-bottom:0px;
聽聽聽 padding:0px;
聽聽聽 font-family:Arial, Helvetica, sans-serif;
聽聽聽 font-size: 12px;
聽聽聽聽 }

CSS: Table Cell Hyperlink Formats

First of all, it doesn't look like applying the navbar class to the %26lt;td%26gt; tags has any purpose, so you should consider removing that to avoid the clutter.

If the selector of the css rule is a.links2, thenyou need to apply the links2 class to the %26lt;a%26gt; tag.

HTH,

Randy