Autor Zpráva
Ecrazit
Profil *
Zdravím, potřeboval bych udělat s tímto kódem náýsledující:

CSS:

.box { width:268px; height:57px; color:#fff; margin:16px 0 0 0; font-size:12px; display:block; cursor:pointer; }
.box .subbox1 { width:53px; height:48px; float:left; padding:9px 0 0 18px; display:block; }
.box .subbox2 { width:84px; height:48px; float:left; padding:9px 0 0 18px; display:block; }
.box strong { font-size:16px; }

HTML:

<a href="#">
  <span class="box">
    <span class="subbox1"><strong>5</strong><br />položek</span>
    <span class="subbox2">Celkem<br /><strong>12 800</strong> Kč</span>
  </span>
</a>

Celý ten box je tedy jako odkaz. Já potřebuju zařídit, že když najedu kurzorem kamkoli do oblasti <span class="box">, tak se veškerý text v objektu podthne.
Když nastavím něco ve smyslu:

.box span:hover { text-decoration:underline; }

tak se vždy text podrhne, až když najedu do <span class="subbox1"> nebo <span class="subbox2">
panther
Profil
Ecrazit:
a:hover {text-decoration: underline}

nebo
a:hover span {text-decoration: underline}

tak se vždy text podrhne, až když najedu do <span class="subbox1"> nebo <span class="subbox2">
ano, přesně to přeci píšeš, ne? Podtrhni všechny spany, na které najedeš a které jsou potomkem .box.

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: