project-navigation
Personal tools

Author Topic: Homepage - CSS issue  (Read 5720 times)

Offline Thyranim

  • Rookie
  • ***
  • Posts: 77
    • View Profile
Homepage - CSS issue
« on: July 09, 2009, 03:30:21 pm »
Don't knwo where else to put this,
but on the homepage http://ufoai.sourceforge.net/ is an issue with the css-formatting

when hovering the top buttons and hitting the left or top border of the button, it becomes flickering

problem can be found inside the default.css file.
in section
Code: [Select]
.subHeader .navigation a.tab:hover {it says
Code: [Select]
left:1px;
top:1px;

and thats the faulty part. disabling both lines removes this flickering effect without changing any visual effects.

Offline Kildor

  • Project Artist
  • Captain
  • ***
  • Posts: 757
  • Project mapper and some other stuff`er
    • View Profile
    • http://ufoai.nx0.ru
Re: Homepage - CSS issue
« Reply #1 on: July 09, 2009, 05:01:29 pm »
what`s browser do you use?
In my Opera all work as intended, just little motion for hovered links.

Offline geever

  • Project Coder
  • PHALANX Commander
  • ***
  • Posts: 2561
    • View Profile
Re: Homepage - CSS issue
« Reply #2 on: July 09, 2009, 06:26:14 pm »
I've tested it with FF3.0 and confirmed. Moving the mouse to the very left edge of a tab.

-geever

Offline Another Guy

  • Squad Leader
  • ****
  • Posts: 239
    • View Profile
Re: Homepage - CSS issue
« Reply #3 on: July 09, 2009, 08:00:36 pm »
I've just downloaded FF 3.5 (2009-06-30). On known issues (from the release notes page), they recomend also using text-rendering: optimizeLegibility everytime u use :hover on fonts smaler than 20 pixels for sites that use online font support.
Maybe this helps.

Edit: This FF glitch is adressed here and has a fixed status (2009-07-01). Will probably be patched on next update for FF 3.5.
« Last Edit: July 09, 2009, 08:24:26 pm by Another Guy »

Offline Thyranim

  • Rookie
  • ***
  • Posts: 77
    • View Profile
Re: Homepage - CSS issue
« Reply #4 on: July 09, 2009, 11:57:54 pm »
what`s browser do you use?
In my Opera all work as intended, just little motion for hovered links.
Firefox 3.0.11 - flickering Buttons
Internet Explorer 7.0.6001 - flickering when moving pointer up and down

because of "left 1px" (or top 1px) in the css-file the button is mvoed 1 px to the right-down so if you hit the first pixel of the button, the pointer will not be on the button when it is hovered, so the hover-effect is disappearing
on disabling the hover the button moves 1 pixel top-left and so the pointer again is over the button and activates the hover-effect
and so on ...

firefox is everytime checking for pointer-position so the button is flickering all the time as long as the pointer is on this pixel
internet explrer is only checking for position when moving, so the button is either hovering or not, but will change all the time as logn as you are moving the mouse on this regarding line of pixels

don't have other browser so unable to check there


Edit: This FF glitch is adressed here and has a fixed status (2009-07-01). Will probably be patched on next update for FF 3.5.

there is no change of "font-face" in the hover-formatting ? so no FF glitch here ?