Autor Zpráva
JurkQo1
Profil
Dobrý deň mám takéto menu:
<table class="Menu">
 <tr>
 <td align="center" id="first">
 <a href="index.php">Domov</a>
 </td>
 </tr>
 <tr>
 <td>

 </td>
 </tr> 
</table>
CSS styly:
.Menu a {
         font-family: 'Erica One', cursive;
         text-decoration:none;
         font-size: 1.75em;
         color: rgb(0,0,0);
         width:138px; height:20px;
        }
.Menu a:hover {
               background-color: rgb(0,153,0);
              }
.Menu td {
          vertical-align: top;
         }
.Menu #first {
               padding-top: 50px;
              }         
No a ako mám spraviť aby sa mi farba po "najetí" myši zmenila farba nielen okolo odkazu ale na celý riadok, dalo by sa to?
Šéva
Profil
http://css.blbeckove.com/3.seznamy/3.priklady/5-4.vertikalni-menu-vodorovne-rozbalovaci-triurovnove-prekryvajici.html
juriad
Profil
odkaz je řádkový element, nelze mu nastavit výšku a šířku, pokud mu ji opravdu chceš nastavit, musíš ho změnit na blokový display: block, nebo nastavit výšku a šířku celé buňce td, ale potom by část buňky nemusela být aktivní jako odkaz

pro obarvení celé buňky nahraď řádek 8 za .Menu td:hover {, nebo pokud nastavíš odkazu display:block, tak ti bude fungovat to co máš

na Šévou odkázané ukázce tě bude zajímat styl na řádce 45
margin
Profil *
juriad:
pro obarvení celé buňky nahraď řádek 8 za .Menu td:hover
To nedoporučuji, pokud bude měnit barvu celá buňka, ale klikací bude pouze textu odkazu, bude to pro uživatele matoucí.
panther
Profil
juriad:
pro obarvení celé buňky nahraď řádek 8 za .Menu td:hover
stejně jako margin nedoporučuji. Kromě výše uvedeného nebude fungovat všude.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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