Autor | Zpráva | ||
---|---|---|---|
Mazi Profil * |
#1 · Zasláno: 19. 7. 2007, 23:07:54
Ahoj, zkoušel jsem využít pár triků pomocí CSS a všechny se mi je nedaří aplikovat najednou.
Celý zdojové kody: [url=www.mazi.xf.czzkousimvertikal_center.html]HTML[/url] [url=www.mazi.xf.czzkousimvertikal_center.css]CSS[/url] Chtěl bych, aby se mi po najetí myši na div změnila barva borderu a zároveň vyjel popis pouze pomocí CSS. Zkrácený postup: hover na border mi funguje takhle: popis: .foto_obal je ten div u kterého se to všechno má odehrávat část CSS kódu: .foto_obal:hover, .foto_obalHover { padding: 2px; border: 2px red groove; } ten mi funguje ale .foto_obal:hover nefunguje a nevím proč.. popis: .popis je div, který je absolutně pozicovaný a hlavně display: none (jakoby tam vůbec nebyl) .foto_obal je již zmiňovaný obal část CSS kódu: .popis { width: 206px; position: absolute; background-color: white; top: 102%; left: 0; padding: 5px; border: 2px black groove; display: none; /* Když změním na display: block; normálně to vidím*/ z-index: 1; } .foto_obal:hover .popis, .foto_obalHover .popis { display: block; } poslední třída má fungovat tak, že když někdo najede myší na div.foto_obal, objeví se popis Díky... |
||
Mazi Profil * |
#2 · Zasláno: 19. 7. 2007, 23:12:49
|
||
bukaj Profil |
#3 · Zasláno: 20. 7. 2007, 09:42:21
Mazi
:hover nefunguje v IE na ničem jiném než na odkazu. řeší se to pomocí .HTC souboru. například tímto. po stáhnutí a přidání do složky se stylem, stačí přidat k té třídě behavior: url('hover.htc'). myslím, že ses o to pokoušel, ale zapomněl jsi na ten behavior |
||
Mazi Profil * |
#4 · Zasláno: 20. 7. 2007, 13:07:54
Díky moc, jenomže jsem hover.htc připojil rovnou na celé body. Někde jsem to viděl a fungovalo to a tak to používám...
body * { behavior: url(hover.htc); } Zkoušel jsem to v IE6, FF2, Opeře9 a hover(na border) mi tam jde. Tak co mi nejde... část CSS kódu: div.popis { width: 206px; position: absolute; background-color: white; top: 102%; left: 0; padding: 5px; border: 2px black groove; display: none; /* Když změním na display: block; normálně to vidím*/ z-index: 1; } div.foto_obal:hover .popis, div.foto_obalHover .popis { display: block; } Když najedu na div.foto_obal, aktivuje se div.foto_obal:hover(to funguje) a zárovená by se měl div.popis změnit z display: none na display: block a to mi z nějakého důvodu nefunguje a nevím proč... |
||
Časová prodleva: 1 měsíc
|
|||
vipouš Profil * |
#5 · Zasláno: 1. 9. 2007, 19:20:34
Zasláno: 20.7.2007 09:42:21Citovat Mazi :hover nefunguje v IE na ničem jiném než na odkazu. řeší se to pomocí .HTC souboru. například tímto. po stáhnutí a přidání do složky se stylem, stačí přidat k té třídě behavior: url('hover.htc'). myslím, že ses o to pokoušel, ale zapomněl jsi na ten behavior Myslim že nemáš až tak pravdu, Takhle to mám řešeno já s menu a na locale mě to funguje a na serveru ani rána. Už 14 dnu hledam proč to nefunguje |
||
MAD-MAX Profil * |
#6 · Zasláno: 2. 9. 2007, 01:41:27
A není tam třeba htc zakázané?
|
||
habendorf Profil |
#7 · Zasláno: 2. 9. 2007, 16:01:53
A není tam třeba htc zakázané?
Kde? Na serveru? Zamysli se, kde běží. |
||
Časová prodleva: 17 let
|
0