| Autor | Zpráva | ||
|---|---|---|---|
| Werewolf Profil |
#1 · Zasláno: 9. 1. 2009, 17:14:37 · Upravil/a: Werewolf
Ahoj, mám menu a potřeboval bych, aby se odkaz v buňce menu choval jako a:hover, když na tu buňku najedu myší. Kód:
<body>
<table class="main">
<tr>
<td class="left" rowspan="2">
<table class="menu">
<tr><td onMouseOut="??" onMouseOver="??"><a href="?action=view&location=main" title="Hlavní stránka">Hlavní stránka</a></td></tr>
<tr><td><a href="?action=view&location=people" title="Seznam spolužáků a pár informací o každém z nich">Spolužáci</a></td></tr>
<tr><td><a href="?action=view&location=photo&img=list&path=/" title="Pár fotografií z každé akce, kterou jsme zatím podnikali">Fotografie</a></td></tr>
<tr><td><a href="?action=view&location=say" title="Co říkáme o své třídě?">Co kdo říká</a></td></tr>
</table>
</td>
<td class="header">
........A main.css: BODY {background-image: url('../img/bg.gif');}
TABLE.main {border-left: 1px solid black; border-right: 1px solid black; width: 90%; margin: 0px auto;}
TD.left {border-left: 1px solid black; border-right: 1px solid black; width: 25%;}
TD.right {border-left: 1px solid black; border-right: 1px solid black; width: 25%;}
TD.content {border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; width: 50%;}
TD.header {border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; width: 50%;}
TD.left A, A:visited, A:active {text-decoration: none; font-weight: bold; font-family: Arial; font-size: 10pt; color: blue;}
TD.left A:hover {text-decoration: underline;}
TD.left TABLE {width: 100%; height: 100%;}
TABLE.menu TD {border-width: 6px; border-color: red; border-style: outset; text-align: center; vertical-align: center; background-color: rgb(230, 63, 15); cursor: pointer;}
TABLE.menu TD:hover {border-style: inset;}Nevíte někdo, jak na to? Nebo pokud by nešlo nastavit tomu odkazu a:hover, nešlo by mu nastavit rovnou underline? Werewolf. |
||
| Bubák Profil |
#2 · Zasláno: 9. 1. 2009, 17:33:00
Proč si komplikuješ život? Deklaruj odkaz jako blokový, nějak takto (přidej a uprav si podle potřeby):
td.left a {display: block; border: 6px outset red; background: #E63F0F; }
td.left a:hover {border-style: inset; text-decoration: underline; } |
||
| Werewolf Profil |
#3 · Zasláno: 9. 1. 2009, 17:34:02
A jo, to by taky šlo. Díky!
|
||
| Měsíček Profil |
#4 · Zasláno: 9. 1. 2009, 19:18:25
Když už jsme v kategorii JS, - mohl by jsi měnit také pomocí vlastnosti className.
|
||
| Bubák Profil |
#5 · Zasláno: 9. 1. 2009, 22:29:41 · Upravil/a: Bubák
Měsíček
Přestože se Werewolf domníval, že řešením bude javascript, a proto zařadil svůj dotaz do sekce JavaScript, v tomto případě bych důrazně doporučil JS nepoužít. Nepřinese to žádnou výhodu. |
||
| Měsíček Profil |
#6 · Zasláno: 11. 1. 2009, 11:32:54
"v tomto případě bych důrazně doporučil JS nepoužít. Nepřinese to žádnou výhodu."
Souhlasím. |
||
|
Časová prodleva: 15 let
|
|||
0