| Autor | Zpráva | ||
|---|---|---|---|
| Rafan Profil |
#1 · Zasláno: 29. 3. 2011, 14:22:50
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 |
#2 · Zasláno: 29. 3. 2011, 15:22:19
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 |
#3 · Zasláno: 29. 3. 2011, 15:35:35
Rafan:
Nevadí mu diakritika? |
||
| __construct Profil |
#4 · Zasláno: 29. 3. 2011, 15:36:16
Prosím o odkaz na živú ukážku.
|
||
| Plaváček Profil |
#5 · Zasláno: 29. 3. 2011, 15:57:16
Medvídek:
Také bych se vyhnul diakritice v názvech tříd. |
||
| Chamurappi Profil |
#6 · Zasláno: 29. 3. 2011, 16:00:39
Reaguji na Medvídka a Plaváčka:
Pokud má HTML i CSS stejné kódování, neměla by diakritika vadit. |
||
| Plaváček Profil |
#7 · Zasláno: 29. 3. 2011, 16:30:20
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 |
#8 · Zasláno: 29. 3. 2011, 16:31:07
|
||
| Chamurappi Profil |
#9 · Zasláno: 29. 3. 2011, 17:11:27
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 |
#10 · Zasláno: 29. 3. 2011, 17:19:43 · Upravil/a: Rafan
No jenže když jí dám do FTP tak se to načítá 3 dny... :(
|
||
| Bubák Profil |
#11 · Zasláno: 29. 3. 2011, 20:38:40 · Upravil/a: Bubák
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 |
#12 · Zasláno: 29. 3. 2011, 22:07:05
OK díky.
|
||
| Chamurappi Profil |
#13 · Zasláno: 30. 3. 2011, 19:01:28
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.
|
||
|
Časová prodleva: 13 let
|
|||
0