[CSS] opmaak OWA login page "glitch"

[Ayera]

Hallo,

Om het inlog/uitlog scherm van OWA wat te "pimpen" heb ik volgens de best practice van Microsoft de gifjes aangepast naar smaak. (http://technet.microsoft.com/en-us/library/ee633483.aspx)
Leuk en aardig, maar dat gaf dit als resultaat:


Je ziet dat boven rechts van waar het logo zou komen een streepje staan die uit de omlijning van het kader "springt"

Rode kader waar het logo in transparantie staat is het zelfde gifje van de text die je daaronder ziet: " MS Outlook Web App"

Rechts daarvan is nog een gifje, daar heb ik ook een transparantie aan de bovenkant toegevoegd.

Wanneer je van de hele inlogscherm een selectie maakt (blauwe selectie) zie je aan de rechterkant een strook (dat helemaal naar onder doorloopt) wat niet geselecteerd is, waar ik denk dat het CSS is? Vandaar dat deze "streep" boven aan te zien is.. ik kan daar ook nergens een gifje van terugvinden.

Hoe kom ik er nu achter dat dit een CSS-regel is die mogelijke verkeert uitgelijnd is?

[StephanVierkant]

Als je Firebug o.i.d. gebruikt, is dat eenvoudig op te sporen lijkt me.

[Ayera]

Bedankt! Was nog niet echt bekend met Firebug en dergelijke tools, maar het heeft nu gebleken dat het erg handig is om dit soort "bugs" op te sporen!

Heb het probleem dus ook kunnen vinden, bleek toch om een gifje te gaan, maar was gewoon erg klein.
Als je deze openende zag je namelijk helemaal niets, iets van ~3 pixels.
Pas bij een uitvergroting van 500% was het duidelijk te zien.

Ook daar transparantie toegevoegd aan bovenkant en klaar! =)

Nou is de volgende stap om 'even' het kleurenschema om te gooien!