can't center anchor tag in table [Archive]

Click to See Complete Forum and Search --> : can't center anchor tag in table

moondance

12-19-2003, 06:10 AM

I have a class called Essay that centers a table:

table.Essay
{
margin-left:9%;
margin-right:9%;
}

One of the td's is a link.I am trying to center this, but it won't center. I have:

.Essay a
{
color: #000000;
font-size: 16px;
text-align: center;
}

.Essay a:link
{
color: #333333;
}

.Essay a:hover
{
color: #000066;
}

.Essay a:active
{
color: #000000;
}

.Essay a:visited
{
color: #333333;
}

I don't want to use:

.Essay td
{
text-align: center;}

as it would center all the other table data - i just want the link centered. What am i doing wrong?

Fang

12-19-2003, 06:20 AM

Put the text-align: center in .Essay a:link

moondance

12-19-2003, 06:35 AM

that doesn't work either.

:confused:

Fang

12-19-2003, 06:45 AM

Try:
.Essay td a:link
{
display: block;
color: #333333;
text-align: center;
}

moondance

12-19-2003, 06:47 AM

that doesn't work either.

:confused:

moondance

12-19-2003, 06:51 AM

hmm not sure where the above post came from, must've refreshed the page or something.

but yes fang thats got it working, thanks for your help :D

Fang

12-19-2003, 06:53 AM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>center link in table</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">

</style>

</head>
<body>
<table class="Essay" border="1" cellpadding="0" cellspacing="0" summary="">
<tr><td><a href="http://www.mysite.com">apple</a></td></tr>
<tr><td>banana</td></tr>
<tr><td>cranberry</td></tr>
</table>
</body>
</html>