| Autor | Zpráva | ||
|---|---|---|---|
| Petr ZZZ Profil |
#1 · Zasláno: 30. 11. 2008, 14:31:31
Zdravím,
pred pár dny jsem se ve vláknu, puvodne venovanem jinemu tématu, ptal na moznost, jak pouzitím jednoho externího CSS priradit v jednom html-souboru dvema různým typům odkazů různé formáty. Asi jsem na to prisel, tak zde chci uvést resení – jednak pro úplnost, ale taky s prosbou o sdelení, zda je resení správné. Nekde jsem to nasel na JPW, uz nevím dost dobre kde, asi tady (ted jsem se na to koukal zas, ale zase jsem nechápal, jak jsem to tam mohl vycíst – ale zda se, ze mi to – alespon v IE – funguje). Za prípadné komentáre predem dekuji. V souboru CSS: /* text jako link */
.nmt a:link { padding: 0.05em 0.2em 0.05em 0.2em; border: outset 0.1em; a nejake dalsi definice; }
.nmt a:visited { padding: 0.05em 0.2em 0.05em 0.2em; border: outset 0.1em; a nejake dalsi definice; }
.nmt a:active { padding: 0.05em 0.2em 0.05em 0.2em; border: outset 0.1em; a nejake dalsi definice;}
/* obrazek jako link */
.bd a:link { padding: 0.2em; border: outset 0.2em; a nejake dalsi definice; }
.bd a:visited { padding: 0.2em; border: outset 0.2em; a nejake dalsi definice, }
.bd a:active { padding: 0.2em; border: outset 0.2em; a nejake dalsi definice; }
V souboru HTML:
<span class="bd"><a href="neco.html"><img src="nejaky_obrazek.jpg" alt="neco"></a></span>
<p class="nmt"><a href="nejaky_soubor.html">neco jiného</a></p> |
||
| Miloš Profil |
#2 · Zasláno: 30. 11. 2008, 14:43:33
Na první pohled je to bez chyby.
Jen je to zbytečně ukecané. Zestručněné to vypadá i přehledněji: .nmt a:link, .nmt a:visited, .nmt a:hover { padding: 0.05em 0.2em; border: outset 0.1em; a nejake dalsi definice; }
.bd a:linkm, .bd a:vidited, .bd a:hover { padding: 0.2em; border: outset 0.2em; a nejake dalsi definice; } |
||
| Petr ZZZ Profil |
#3 · Zasláno: 30. 11. 2008, 15:28:31
Ahoj Miloši,
"Jen je to zbytečně ukecané" Dík za prekontrolování! Ty definice pro link, visited, hover atd... se budou lisit v dalsich detailech, které jsem v príkladu vynechal. Presto dík za názornou ukázku úsporného zápisu - urcite se mi to pri jiné prílezitosti bude hodit! Zdravím, Petr |
||
|
Časová prodleva: 15 let
|
|||
0