| Autor | Zpráva | ||
|---|---|---|---|
| Ecrazit Profil * |
#1 · Zasláno: 25. 4. 2012, 15:26:44
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 |
#2 · Zasláno: 25. 4. 2012, 15:59:03
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.
|
||
|
Časová prodleva: 12 let
|
|||
0