Autor Zpráva
Rafan
Profil
Dobrý den,

nevíte proč mi toto ve firefoxu nefunguje ? Díky.

.tláčítka {
background-image:url('http://img405.imageshack.us/img405/3047/jedno1.png');
width: 140px;
  height: 35px;
  border: none; 
  cursor: pointer; cursor: hand;
  color: white;
  background-repeat: no-repeat;
  vertical-align: middle;
 font-style: none; font-weight: bold; font-size: 18px; line-height: 2; font-family: Cursive; 
  
 
 
}

.tláčítka:hover {
width: 140px;
height: 35px;
background-image:url('http://img703.imageshack.us/img703/4274/adruhy1.png');



}
Joker
Profil
Rafan:
nevíte proč mi toto ve firefoxu nefunguje ?
Nevíme, mně to ve Firefoxu funguje.

PS.: Před otazníkem se nedělá mezera.
Medvídek
Profil
Rafan:
Nevadí mu diakritika?
__construct
Profil
Prosím o odkaz na živú ukážku.
Plaváček
Profil
Medvídek:

Také bych se vyhnul diakritice v názvech tříd.
Chamurappi
Profil
Reaguji na Medvídka a Plaváčka:
Pokud má HTML i CSS stejné kódování, neměla by diakritika vadit.
Plaváček
Profil
Chamurappi:

Já to vím, ale je to jeden z problémů, který se čas od času vyskytne. Nicméně bez živé ukázky lze stejně jenom hádat.
Rafan
Profil
http://www.pohadky-prodeti.ic.cz
Chamurappi
Profil
Reaguji na Rafana:
V Internet Exploreru to také nefunguje. Je to tím, že stránka běží v režimu quirk a snažíš se použít :hover na něčem, co není odkaz.

Mimochodem, odkládat si veškerou grafiku stránky na imageshack.us je poněkud … nezvyklé.
Rafan
Profil
No jenže když jí dám do FTP tak se to načítá 3 dny... :(
Bubák
Profil
Chamurappi:
V Internet Exploreru to také nefunguje.
Rafanovi to v IE funguje (je možné, že kód stránky byl změněn), zřejmě v tom má prsty meta tag na čtvrtém řádku:
Dodatek, vložil jsem tu kód zmíněného meta tagu
  <meta http-equiv="X-UA-Compatible" content="IE=edge">


Rafan:
Firefox ve quirku nechce udělat hover na třídě bez elementu.
Přemnožily se ti třídy, jde to udělat třebas takto (URL obrázků si oprav):
.levy div {
  background:url('jedno100.png');
  width: 140px;
  height: 35px;
  cursor: pointer; cursor: hand;
  color: white;
  font-weight: bold; font-size: 18px; line-height: 2; font-family: Cursive; 
}

.levy div:hover {
  background:url('adruhy10.png');
}

Vidíš, že třída "tláča" je zbytečná a můžeš ji vymazat z HTML i z CSS.

To, že plocha, na které funguje hover, je mnohem větší, než plocha odkazu, je velmi matoucí a někdo si klidně může myslet, že ti odkazy nefungují. Pro inspiraci se koukni, jak obdobné menu nakódovat lépe.
http://teststranek.kvalitne.cz/menu2/
Rafan
Profil
OK díky.
Chamurappi
Profil
Reaguji na Bubáka:
Rafanovi to v IE funguje […], zřejmě v tom má prsty meta tag na čtvrtém řádku
V osmičce a novějším, ano, protože <meta> značka kupodivu dokáže přepnout režim.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: