Jak vymazat pozadí při hover odkazu na obrázku?

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Jak vymazat pozadí při hover odkazu na obrázku?

Příspěvek od CZechBoY »

Zdravim,
mám toto CSS:
a:link:hover, a:visited:hover {background:modrý}

a toto HTML:
<a href="cs"><img src="cesta"></a>

a když najedu na obrázek je tam modrý pozadí, nevíte jak to vyrušit?
ps. už jsem zkoušel a img:hover{background:none} ale nic to neudělalo, ani s !important
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Jak vymazat pozadí při hover odkazu na obrázku?

Příspěvek od Myloš »

Není okolo obrázku nějaký padding nebo margin?
Nebo je to rámeček? (eliminovat takto: a img {border: none;}
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: Jak vymazat pozadí při hover odkazu na obrázku?

Příspěvek od CZechBoY »

jo a img {background:none} jsem taky zkoušel a furt tam je, rámeček není, je v tabulce a u tý mám asi nějakej padding nastavenej
kdyžtak je to na CoolJabku seznamClenu
registrace je pořád stejná:
jméno:pc-help
heslo:123456
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Jak vymazat pozadí při hover odkazu na obrázku?

Příspěvek od Myloš »

Buňce s obrázkem přidej třídu, například <td class="img">
V CSS potom zakaž změnu barvu pozadí (nastav na transparent).
Mimochodem ten 7px padding pro :hover odkazů je šílenost, protože se pak všechno pod myší vlní, až se jeden bojí, že dostane mořskou nemoc. Buď dej ten 7px padding všem odkazům (nejen jako :hover), nobo ho pro :hover nezadávej.

Každopádně po nadefinování třídy <td class="img"> zapiš do stylopisu toto:
td.img a:hover {padding: 0; background: transparent}
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: Jak vymazat pozadí při hover odkazu na obrázku?

Příspěvek od CZechBoY »

hele ale já mám na tý stránce víc odkazů v obrázku než jen jeden, to budu muset udělat všude?
jo ten padding tam možná dám všude

EDIT:
dal jsem tma u odkazu tu třídu "nohover" a stejně tma je pozadí :(
Naposledy upravil(a) CZechBoY dne 01 zář 2010 13:09, celkem upraveno 1 x.
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Jak vymazat pozadí při hover odkazu na obrázku?

Příspěvek od Myloš »

Asi to budeš muset udělat všude.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: Jak vymazat pozadí při hover odkazu na obrázku?

Příspěvek od CZechBoY »

hele zas tam nejsou vidět ty hodiny, jak jsme to minule řešili?
mám tam z-index:1 a u menu mám z-index:0 tak nechápu jak může být čas schovaný
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Jak vymazat pozadí při hover odkazu na obrázku?

Příspěvek od Myloš »

Já tam hodiny vidím. I po reloadu.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: Jak vymazat pozadí při hover odkazu na obrázku?

Příspěvek od CZechBoY »

jsou schovaný pod menu(sub menu)
ale to pozaíd nejde odebrat pod tim obrázkem :(
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Jak vymazat pozadí při hover odkazu na obrázku?

Příspěvek od Myloš »

Kde?
Tyhle hodiny vidím všude. Nebo jsou tam ještě nějaké jiné?
Přílohy
jabko-hydiny.png
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: Jak vymazat pozadí při hover odkazu na obrázku?

Příspěvek od CZechBoY »

no když jdeš třeba na nastevení,zprávy,adresář,hry myslim taky tak se to schová pod submenu
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Jak vymazat pozadí při hover odkazu na obrázku?

Příspěvek od Myloš »

Může za to tahle s prominutím prasárnna:
* {position: relative}
Když ji vyhodíš, problém zmizne.
Relativní pozicování nastav jen těm elementům, které je potřebují (uvnitř nichž pozicuješ absolutně, nebo které posouváš o kousek vedle).
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Odpovědět
  • Podobná témata
    Odpovědi
    Zobrazení
    Poslední příspěvek

Zpět na „Programování a tvorba webu“