Zešednutí obrázku uvnitř odkazu*

samotný <a> je inline element. Výšku mu nastavíš len vtedy, ak mu nastavíš aj display:block (resp. inline-block). Alebo ak do neho niečo napíšeš, alebo vložíš

Chamurappi:
Mě to přebarvení iframe v jedenáctce přepnuté na devítku nezafunguje. Čili asi to tam funguje jen na obrázky na ne na rámy?

"Byl bych trošku skeptický k budoucnosti toho, o co se snažíš. Přebarvení rámu se stránkou z cizí domény může být teoreticky bezpečnostní problém a čekal bych, že tomu prohlížeče možná časem zabrání."
Díky za informaci. Nicméně to jsem fakt jedinej, komu nepasuje facebooková zářivě modrá do barevnosti jeho stránek? Nejde vyřešit přebarvení těch facebookových tlačítek nějak jinak? Hledal jsem to v nastavení na facebooku a jinou než modrou jsem z toho nikdy nedostal. A měnit barevnost svých stránek podle barevnosti facebooku se mi fakt nechce - fakt to všichni řeší buď tak, že to neřeší a je jim ta "barevná pěst na oko" jedno anebo si své stránky barevně přizpůsobí facebooku, pokud na nich chtějí mít jen pitomá dvě facebooková tlačítka?

Reaguji na BedrichaVeverku:
„Mě to přebarvení iframe v jedenáctce přepnuté na devítku nezafunguje.“
Mně ano. Na této stránce mi Explorer 11 ukazuje šedivá tlačítka. (Mobilní Explorer 9 mimochodem také, což mě trochu překvapilo, protože ten má také osekanou podporu filteru.)

„Hledal jsem to v nastavení na facebooku a jinou než modrou jsem z toho nikdy nedostal.“
Tak si ještě přečti podmínky pro užívání jejich značky. Měnit design nebo barvu nesmíš.
Pokud chceš pitomá dvě tlačítka, musíš dodržet pitomá pravidla.

Kdybys tam měl normální odkaz na sdílení (facebook.com/share.php?atd.), ten by sis mohl nakreslit, jak chceš, ale asi pak nefunguje úplně stejně jako Like.


Reaguji na jefitta44:
„Alebo ak do neho niečo napíšeš, alebo vložíš“
V takovém případě bude mít rozměry podle toho, co je v něm vložené.

jefitto44:
„Výšku mu nastavíš len vtedy, ak mu nastavíš aj display:block (resp. inline-block). Alebo ak do neho niečo napíšeš, alebo vložíš“
Není pravda, že jen v tebou vyjmenovaných případech, jsou i další hodnoty display, při kterých jsou nastavit rozměry.
Jsou i další kombinace CSS vlastností a hodnot, které umožňují nastavit inline elementu rozměry, možná je toho více, ale klasika
http://kod.djpw.cz/qllb

Boslie:
Třebas takto:
http://kod.djpw.cz/pllb
Výhodou je obrázek viditelný při vypnutých stylech. Pro případ nedostupnosti onrázku stačí dát obrázku atribut alt.
Transition je možné vynechat.

BedrichVeverka:
Máš to rozbité.
http://kod.djpw.cz/tllb

Chamurappi:
Díky moc, už mi to zašeďuje i v IE. Problém byl v tom, že ten filtr jsem měl jen v divu. Chtělo dát do <style> iframe { filter: gray } a pak už to přepnutí do nižšího IE zafunguje. Nakonec jsem zapnul IE6, protože v IE 7 - 9 mi zas na té konkrétní stránce blbo formátování. A zajímavé je, že lokálně na céčku mi to po těchhle úpravách zafungovalo rovnou, ale na webu se tvářilo, že to nefunguje, a zafungovalo to až poté, co jsem ostranil veškerou historii prohlížeče. Takže IE mám vyřešen a jediný prohlížeč, který mi vytrvale vzdoruje zešedivění facebookového iframe je Safari. Zkoušel jsem do toho style iframe dát ještě ty všechny další filtry, tzn.:
<style> iframe { filter: gray; filter: grayscale(1); webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); -ms-filter: grayscale(100%); filter: url('gray.svg#grayscale'); } </style>
ale Safari vytrvale vzdoruje a zobrazuje to pořád modře. Netušíte prosím čím by to mohlo být?
Díky, B.V.
P.S.: Je to kdyžtak tady:
http://bratranciveverkove.cz
(a pokud byste měl někdo rád muziku Jethro Tull, neváhejte nám tam "olajkovat" naše stránky! : - )

BedrichVeverka:
„Problém byl v tom, že ten filtr jsem měl jen v divu.“
To nevadí, asi je příčinou chybějící haslayout, stačí nastavit elementu třeba šířku.
Myslel jsem si, že od IE7 není pro filter haslayout nutný, ale nehodlám se tím dál zabývat.
http://kod.djpw.cz/wllb

„ale Safari vytrvale vzdoruje a zobrazuje to pořád modře. Netušíte prosím čím by to mohlo být?“
Starou verzí Safari.

Bubák:
Mě to s tou šířkou a bez toho filtru v iframe vytrvale odmítá fungovat : - (
Ale asi je to jedno, pokud se to většině uživatelů bude zobrazovat správně, nemá to asi cenu dál řešit.

Otázka je zda to bude fungovat i v budoucnu, jak nadhodil Chamurappi: "Přebarvení rámu se stránkou z cizí domény může být teoreticky bezpečnostní problém a čekal bych, že tomu prohlížeče možná časem zabrání."
No, zatím to funguje, tak to asi začnu řešit až to fungovat přestane ; - )

Každopádně díky všem za rady.
B.V.

Bubák: Tak zpět, nakonec se mi to s tou šířkou a bez filtru v iframe podařilo rozchodit. Problém byl v tom, že IE zřejmě vyžaduje, aby v tom cernobily byl filter: gray úplně na konci a za ním to width. Pokud jsem filter: gray měl na začátku, nefungovalo to. Ty ostatní filtry tam zas potřebuju kvůli ostatním prohlížečům
Čili takto to funguje:

Boslie:
„kam mám dát alt="něco"?“
do <img src="obrazok" alt="niečo" />

Boslie:
„Pokud bych chtěl tech obrázků na stánce víc, musím je každému z nich dělat zvlášť třídu a zvláštní zápis do style nebo to jde i jednodušeji?“
Pokud v CSS deklaruješ pozadí, tak pro každý element s jiným pozadím musíš mít odpovídající deklaraci v CSS. Trídím (nebo idéčkům) by se pomocí pokročilých selektorů dalo vyhnout, ale myslím si, že v tom případě by se stal stylopis nepřehledným.

„kam mám dát alt="něco"?“
Nikam, když tam nemáš <img>. Koukni třebas na https://css-tricks.com/examples/ImageReplacement/, tam je spousta technik image-replacementu a něco si vyber, případně si nech doporučit.

Případně můžeš namísto pozadí měnit obrázek: Změna obrázku
Anebo "mou" bláznivou verzi: http://kod.djpw.cz/dmlb, všechny řádky s komentářem /* efeft */ můžeš vymazat.