| Autor | Zpráva | ||
|---|---|---|---|
| Flip Profil |
#1 · Zasláno: 26. 4. 2007, 21:14:19
Ahoj chci se zeptat, jak mám udělat border u obrázku, který je odkazem, aby při :hover měnil barvu... pokoušel jsem se o to... ale vznikly jen nějaké paskvily... jakoby další rámeček pod obrázkem... jde to nějak? nebo to musim obalit do nějakého spanu nebo divu :/ ?
dík za pomoc ;) |
||
| Railbot Profil |
#2 · Zasláno: 26. 4. 2007, 21:16:51 · Upravil/a: Railbot
Například
a:hover img {border: 1px solid #000} |
||
| Vladosik Profil |
#3 · Zasláno: 26. 4. 2007, 21:19:38
Railbot
To ale nefunguje v IE... |
||
| Railbot Profil |
#4 · Zasláno: 26. 4. 2007, 21:19:54
Vladosik
Funguje. |
||
| Casero Profil |
#5 · Zasláno: 26. 4. 2007, 21:22:31
Pro IE je potřeba:
Je potřeba nadefinovat "čistý" a:hover. Např: a:hover { visibility: visible; } Napsal Dero. |
||
| Vladosik Profil |
#6 · Zasláno: 26. 4. 2007, 21:24:01
|
||
| Railbot Profil |
#7 · Zasláno: 26. 4. 2007, 21:26:22 · Upravil/a: Railbot
Casero
Nadefinován mám normální (color, text-decoration...) a:hover, takto "čistý" nikoliv a funguje. |
||
| Railbot Profil |
#8 · Zasláno: 26. 4. 2007, 21:27:38
metodu .htc soubotru bych nepoužíval, je to zbytečný soubor navíc (request) a navíc je to pomalé. Když už, tak rovnou klasický javascript pokud by někdo musel mít lautr jó zbytečně složité řešení.
|
||
| Casero Profil |
#9 · Zasláno: 26. 4. 2007, 21:32:53
Railbot
Mně to nefungovalo a řešení, co napsal Dero, mi pomohlo. V IE 6. |
||
| Railbot Profil |
#10 · Zasláno: 26. 4. 2007, 21:33:21
Viz. tento příklad
|
||
| Dero Profil |
#11 · Zasláno: 26. 4. 2007, 21:33:27
Railbot: Lepší je nějaká vlastnost, která aktivuje u prvku vlastnost hasLayout, proto používám visibility. Třeba color zafunguje zdánlivě taky, ale jen do chvíle, kdy budeš chtít při hoveru měnit i šířku borderu.
To, co jsi napsal ve svém prvním příspěvku, v quirku nefunguje, pokud nemáš definované nějaké vlastnosti pro a:hover (bez dalšího kontextu). O to šlo. |
||
| Vladosik Profil |
#12 · Zasláno: 26. 4. 2007, 21:34:01 · Upravil/a: Vladosik
Me to take bez toho v IE 6 nefunguje... V IE 7 uz to mozna jde, ale v nizsich ne.
|
||
| Railbot Profil |
#13 · Zasláno: 26. 4. 2007, 21:34:32
Casero
Ono totiž stačí a:hover deklarovat jakkoli, zkrátka nějak. Třeba jen color nebo visibility: visible, to už je jedno. |
||
| venca163 Profil |
#14 · Zasláno: 26. 4. 2007, 21:34:50
Railbot
myslím, že čistý hover je: a:hover { // cokoliv } takže klidně visibility, color atd. |
||
| Railbot Profil |
#15 · Zasláno: 26. 4. 2007, 21:35:24
Ten příklad funguje v IE 6, IE 7 tady nemám :)
|
||
| Railbot Profil |
#16 · Zasláno: 26. 4. 2007, 21:36:19
venca163
Já jsem čistý pochopil jako bez žádných vlastností, ale je to tak. Stačí v něm mít cokoli. To asi bylo myšleno. |
||
| Dero Profil |
#17 · Zasláno: 26. 4. 2007, 21:36:23
Ono totiž stačí a:hover deklarovat jakkoli, zkrátka nějak. Třeba jen color nebo visibility: visible, to už je jedno.
Railbote, to je fakt nesmysl. Sice stačí napsat a:hover { dsfjkgdjsfkg }, ale zkus si zároveň změnit i tloušťku ohraničení a uvidíš, že se pleteš. Stejně jako venca163. Záleží na tom, kterou vlastnost použiješ. |
||
| Vladosik Profil |
#18 · Zasláno: 26. 4. 2007, 21:36:26
Ano ten priklad funguje, bylo to jeste k tomu predeslemu...
|
||
| Railbot Profil |
#19 · Zasláno: 26. 4. 2007, 21:38:23
Dero
Dotaz padl na změnu barvy a to funguje. To zase takový nesmysl nebude. |
||
| Dero Profil |
#20 · Zasláno: 26. 4. 2007, 21:43:48
Dotaz padl na změnu barvy a to funguje. To zase takový nesmysl nebude.
Sláva empirii, ale faktem je, že Explorer rámeček vykreslí úplně jinak, pokud tam bude color: red než když tam bude visibility: visible. Jako uživatel vidíš sice ten samý výsledek (souhlasím), ale vnitřní mechanismus je úplně jiný. Nehledě na kouzla, kterých bys byl svědkem při hraní si s metrikami inline prvků v takovémto odkazu. |
||
| venca163 Profil |
#21 · Zasláno: 26. 4. 2007, 21:49:44
zkus si zároveň změnit i tloušťku ohraničení a uvidíš, že se pleteš.
zkusil jsem si zároveň změnit i tloušťku ohraničení a zjistli jsem, že jsem se pletl...díky za info=) |
||
|
Časová prodleva: 18 let
|
|||
Toto téma je uzamčeno. Odpověď nelze zaslat.
0