| Autor | Zpráva | ||
|---|---|---|---|
| valento3 Profil * |
#1 · Zasláno: 29. 9. 2011, 15:39:15
Mám vedle sebe na stránce několik tlačítek provedených jako odkaz. Každé tlačítko po přejetí myší mění barvu. Tato tlačítka jsou na každé stránce, na kterou odkazují. Chci, aby tlačítko odkazující na aktivní stránku mělo jinou barvu, a odlišovalo se tak od zbylých tlačítek. Jak na to?
Tlačítko mám takto: .tlacitko a:link,
.tlacitko a:visited,
.tlacitko a:active { display: block;
width: 55px;
border: 2px solid #252525;
margin: 0px 0px 0px 0px;
text-decoration: none;
color: #0066FF;
font-size: 12px;
line-height: 25px;
text-align: center;
padding-top: 0px;
font-weight: bold;.tlacitko a:hover { color: #000000;
background-color: #0066FF;Chci, aby to fungovalo přesně takto, ale místo obyčejného odkazu bylo tlačítko. http://jsfiddle.net/E4YzQ/ |
||
| Mihhc Profil |
#2 · Zasláno: 29. 9. 2011, 15:53:19
Nevím jak přesně funguje pseudotřída :active.
Ale myslím, že je stále lepší normálně třída ".active" - máš to popsané v pravém horním rohu tebou odkazové stránky. |
||
| slovakCZ Profil |
#3 · Zasláno: 30. 9. 2011, 15:11:57 · Upravil/a: slovakCZ
samozrejme pomoci tridy kterou pridas kdyz jsi na aktivni strance.
a:active se aplikuje na element, na ktery si klikl a "klik na nem drzis". Jak pisou "A link becomes active when you click on it.".... ono si to dost lidi plete jeste s a:focus... ten nastane napr kdyz se pohybujes po strance tlacitkem "tab"... |
||
| Chamurappi Profil |
#4 · Zasláno: 30. 9. 2011, 16:28:27
Reaguji na slovakaCZ:
„ono si to dost lidi plete jeste s a:focus...“ … což je dáno tím, že původní :active přejmenovalo W3C na :focus a vymyslelo místo něj nový :active, který je prakticky k ničemu.
Škoda, že neexistuje žádná pseudotřída pro stav „cíl odkazu je stávající stránka“. |
||
|
Časová prodleva: 13 let
|
|||
0