OPGELOST > CSS: Rollover knippert

Voor onze site ben ik met een microsite bezig; een site binnen een site als het ware. Door het klikken op de link ernaar verschijnt een nieuw venster met daarin de microsite. Ga naar: http://www.dehoog.nl en ga naar servicedesk > Aanleveren als Certified Pdf > Downloads Mac OSX > test popup In de Stylesheet ervan heb ik het menu gedefinieerd, hier is een probleempje. De rollovers 'Adobe InDesign' en 'Quark XPress' knipperen in IE6 onder Windows. Op de Mac gaat alles gewoon goed. Het betreft een achtergrondbeeld in die cel wordt verplaatst bij rollover.

Wie begrijp waarom de ‘imageswop’ knippert bij IE6 onder Windows?

Microsite: http://www.dehoog.nl/microsite/certifiedpdf/index.html
Stylesheet: http://www.dehoog.nl/microsite/css/microsite.css
Het beeld: http://www.dehoog.nl/microsite/Resources/menu.gif

.menu a

{
font-family: Helvetica,Arial,sans-serif;
color: #FFFFF;
font-size: 11px;
text-transform: uppercase;
text-align: center;
letter-spacing: 0,4px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
}

.menu p

{
margin: 0px;
padding: 0px;
}

.menu a:link, .menu a:visited

{
margin: 0px;
display: block;
background-repeat: no-repeat;
[b:58b83779ad]background-position: -125px 0px;[/b:58b83779ad]
background-image: url(…/Resources/menu.gif);
color: #FFFFFF;
text-decoration: none;
}

.menu a:hover, .menu a:active

{
background-repeat: no-repeat;
[b:58b83779ad]background-position: -5px 0px;[/b:58b83779ad]
background-image: url(…/Resources/menu.gif);
color: #FFFFFF;
text-decoration: none;
}

Eerste opmerking, spijtig van die frames. Je content verschuift naar links door die scrollbar.

Op je eigenlijke vraag kan ik geen antwoord geven.
De css code lijkt me in orde te zijn.

Tja, ik had het ook liever anders. Het menu mag van mij gewoon meescrollen, maar wie ben ik ...

Hi

ik zit hier met xp en exploder 6.

maar van een knipper heb ik geen last .

wel dat als je eenmaal geklikt hebt je geen animatie meer hebt alleen het pijltje eronder.

any use to you?

greetings : BIEG

Het gaat om de microsite ... niet om de mainsite. Het menu in de mainsite is flash, het menu van de microsite in css.

Je kunt het best werken met één afbeelding die zowel de 'normal' alsook de 'hover' state bevat. Je maakt je afbeelding dubbel zo hoog en de bovenste helft wordt dan je 'normal', de onderste de 'hover'. Via css pas je de positionering van de background aan bij 'hover' t.o.v. 'normal. Dan wordt de afbeelding meteen geladen, en verdwijnt het knipper effect.

Succes!

ja, bekend fenomeen. Het is op te lossen door een <script> tag in de header te zetten, bijvoorbeeld vewerwijzend naar een leeg .js bestand. Waarom lost dit het probleem op? Geen enkel idee, that's Microsoft for you :-)

[quote:13110c969c="fab"]Je kunt het best werken met één afbeelding die zowel de 'normal' alsook de 'hover' state bevat.[/quote:13110c969c] Dat is nu ook al het geval, bij de hover-state 'verschuift' het beeld dus naar rechts. Het beeld: http://www.dehoog.nl/microsite/Resources/menu.gif

Ik heb de cellen dezelfde kleur gegeven als de afbeelding die zich erin bevind.

[quote:12d14c379a="tennapel"]ja, bekend fenomeen. Het is op te lossen door een <script> tag in de header te zetten, bijvoorbeeld vewerwijzend naar een leeg .js bestand. Waarom lost dit het probleem op? Geen enkel idee, that's Microsoft for you :-)[/quote:12d14c379a]

he die kende ik nog niet, heb ik voor niks met apache zitten kutten ;p

voor de mensen die de bug willen simuleren moeten ze hun caching settings op "bij elk bezoek op de pagina" zetten