Aneb stále se učím. Tedy abych byl přesný, nejednalo se o optický klam, ale o bug v zobrazení modelu RGB. Měl jsem stránku, kde byly v patičce ikonky sociálních sítí. A došel mi bug report, že druhá z ikon, YouTube, je trochu uskočená. 

Jelikož obrázky byly stylama zmenšené a navíc měly jednopixelovou mezeru přímo v sobě, první, co mě napadlo, bylo samozřejmě vše přeuložit. Zkusil jsem mezeru v obrázku, mezeru mimo obrázek, dvoupixelovou mezeru vně i uvnitř obrázku, no prostě všechno... Nic.

Když se podíváte na náhled, tak opravdu ten YouTube posunutý je. Když si stránku pořádně zazoomujete, tak není.

social-icons-big.png

Po vyloučení stylové chyby mi začalo být jasné, že tady něco nehraje. Prohodit pořadí ikonek mě samozřejmě napadlo také, ale stále žádná změna. Nakonec jsem vše prokonzultoval s chytrým kolegou a hned jsem měl jasno. Opravdu tomu vadí červená vedle modré. Když jsem totiž zkoušel změnit pořadí, dal jsem akorát Google na druhou pozici, takže stále byla červená vedle modré. Ať už to byl Facebook nebo Google.

A řešení? Jedině dát ikonku až úplně nakonec. Následující screenshot už je v pořádku.

social-icons-big-2.png