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: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod CZechBoY » 31 srp 2010 21:58

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

Reklama
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod Myloš » 31 srp 2010 22:09

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: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod CZechBoY » 01 zář 2010 12:00

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: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod Myloš » 01 zář 2010 12:17

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: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod CZechBoY » 01 zář 2010 13:04

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: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod Myloš » 01 zář 2010 13:07

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: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod CZechBoY » 01 zář 2010 13:11

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: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod Myloš » 01 zář 2010 13:18

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: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod CZechBoY » 01 zář 2010 13:22

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: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod Myloš » 01 zář 2010 13:49

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: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod CZechBoY » 01 zář 2010 15:02

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: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod Myloš » 01 zář 2010 20:28

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š. ;-)


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek

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

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 2 hosti