CSS laat beeld flikkeren

[Verwijderd]

Ik gebruik deze css voor mijn links:

Cascading Stylesheet:

// Code kan tegenwoordig in [code=css][/] tags ;)

a:link {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
    }

a:visited {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
    
    }

a:hover {
    color: #FFFFFF;
    background-color: #CB0101;
    text-decoration: none;
    
    }

a:active {
    color: #f00;
    background-color: transparent;
    text-decoration: none;
    
    }
a {
    font-family: trebuchet MS;
    font-size: 12px;
}

In IE7 geen probleem als ik nu snel of traag over de links ga. In lagere versies flikkert het beeld heel erg als ik er snel over ga, maar niet wanneer ik het traag doe.
Zelfs om mac geen probleem.

Kan iemand mij vertellen hoe ik dat probleem kan verhelpen?

Alvast bedankt!

[ Voor 5% gewijzigd door BtM909 op 30-06-2006 17:01 ]

[Jermaine]

code:

background-color: transparent;

Waarom heb je dat bij je links staan als ik vragen mag

[lullebakman]

Niet dat het er iets mee te maken heeft, maar zet haakjes rond trebuchet MS (" of ')

code:

a {
    font-family: "Trebuchet MS";
    font-size: 12px;
}

[D4V3]

Jermaine schreef op vrijdag 30 juni 2006 @ 14:41:

code:

background-color: transparent;

Waarom heb je dat bij je links staan als ik vragen mag

Dat heeft ie gedaan voor de W3 CSS validatie, welke ook om een bgcolor vraagt als je een color tag opgeeft voor een bepaalde css "class". Een andere mogelijkheid is background-color: inherit; welke de settings van de parent overneemt (bijv. de body) wat hem ook "transparant" maakt.

[ Voor 5% gewijzigd door D4V3 op 30-06-2006 18:46 ]

[Blaise]

Dat heeft ie gedaan voor de W3 CSS validatie

Dat zou een slechte reden zijn. CSS' eigenschappen zijn erfelijk, het is onzin om dan overal een background op te gegeven wanneer een color wordt gedefinieerd, en vice versa. Het is raar om je CSS code te bloaten omdat de validator te beperkt is. Bovendien krijg je dan een waarschuwing, geen error.

Daarnaast kan je de code inkorten door alle gemeenschappelijke A eigenschappen eenmaal te vermelden en alleen de unieke eigenschappen voor hover en active apart te vermelden.

Bij mij flikkert er trouwens niets. Heb je een voorbeeldpagina? Misschien ligt het ergens anders aan.