Autor Zpráva
Werewolf
Profil
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
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
A jo, to by taky šlo. Díky!
Měsíček
Profil
Když už jsme v kategorii JS, - mohl by jsi měnit také pomocí vlastnosti className.
Bubák
Profil
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
"v tomto případě bych důrazně doporučil JS nepoužít. Nepřinese to žádnou výhodu."

Souhlasím.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: