Rollover table cell problems Options

[adam]

Sorry, just a quick question...

I am using css to make a roll-over effect on table cells on my page.

I have inputted the css into my external stylesheet an dhave the table code and it all works. But i just CANT make the text aligned left.

here is the code for the webpage...

CODE

<div class="menu">
<table summary="" cellpadding="1" cellspacing="1" class="menu">
<tr>
<td>
<a href="#" onfocus="this.blur()"> Link 1</a>
</td>
</tr>
</table>
</div>

and here is the code for the stylesheet...

CODE

div.menu a {
color: #ffffff;
background: #333333;
text-decoration: none;
font-size:10px;  
font-family: verdana;
padding: 2px 25px;
}

div.menu a:link {
color: #ffffff;
background: #333333;
text-decoration: none;
}

div.menu a:active {
color: #ffffff;
background: #333333;
text-decoration: none;
}

div.menu a:visited {
color: #ffffff;
background: #333333;
text-decoration: none;
}

div.menu a:hover {
color: #ffffff;
background: #000000;
text-decoration: none;
}

[Pattons3rd]

If you add in this it might help.

CODE

div.menu{
text-align: left;
}

[Darin McGrew]

Can you provide the URL (address) of a document that demonstrates the problem?

I can't see that you've done anything to align the text one way or the other.

[adam]

the url is http://thealmost.underoathfans.net

then the link in the navigation is "media"

I attempted to add

CODE

text-align: left;

to each one in the stylesheet.

I also tryed aligning it through the table like this:

CODE

<td align=left>

[Pattons3rd]

It seems like objects that are not links don't respond right to the a:hover or a .

[adam]

The text in the cell is a link though. All the classes for the roll-over effect are in the "div" tags at the bottom of the stylesheet.