3 replies [Last post]
HalfLife
Offline
newbie
Last seen: 15 years 45 weeks ago
Joined: 2003-09-04
Posts: 4
Points: 0

A CSS bug? I don't think so. My mistake? Probably...

I entered this code in a *.css file:

a.linkpic:hover 
{ 
filter:gray; 
width:100%; 
align:center; 
} 

And on mouse over, the table's getting realy wierd!!!
http://www.bluesky-online.net/links_menu.php

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 weeks 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Table cell morphs on mouse over?

Hi HalfLife,
Filter is IE only and not part of the specs so you were right about it not being a CSS bug Smile
To get filter to work I think you have to assign it to an image a.linkpic:hover imgand give it a value such as filter:gray(50%);

Hope that helps.

HalfLife
Offline
newbie
Last seen: 15 years 45 weeks ago
Joined: 2003-09-04
Posts: 4
Points: 0

Table cell morphs on mouse over?

Thanks for helping,

That's not my problem, the filter works perfectly, but intead of the picture remains centered, it moves to the top and right and expands the table cell...
It shows in the link I added.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 weeks 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Table cell morphs on mouse over?

Hi Halflife,
Looks like I was on the wrong track :oops:

If you remove or comment out the text-indent, the image stops jumping around.

font,th,td,p,div
{
cursor:default;
/*text-indent:0.2cm;*/
text-decoration: none;
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color:"white"
}
a
{
cursor:help;
/*text-indent:0.2cm;*/
text-decoration: none;
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color:"white"
}

Hope that helps.