HTMLHelp Forums > Rollover table cell problems

Full Version: Rollover table cell problems

HTMLHelp Forums > Web Authoring > Cascading Style Sheets

adam

Mar 19 2007, 05:44 PM

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

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

Mar 19 2007, 05:50 PM

If you add in this it might help.

CODE

div.menu{
text-align: left;
}

Darin McGrew

Mar 19 2007, 05:51 PM

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

Mar 19 2007, 05:54 PM

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

Pattons3rd

Mar 19 2007, 05:59 PM

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

adam

Mar 19 2007, 06:02 PM

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.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.