ugrás a tartalomhoz

TR tag eltér a többitől?

eddig bírtam szó nélkül · 2012. Júl. 19. (Cs), 06.34
Nem értem (bocs ha valamit elrontok, emlékezetből írom)

Stylesheeten:

#tablaid tr:hover { background-color: blue; }
#tablaid tr { background-color: gray; }
Nem csinál semmit.

#tablaid tr:hover>td { background-color: blue; }
#tablaid tr>td { background-color: gray; }
Ez majdnem jó, de nem a sort színezi, hanem az egyes cellákat.
Tegnap éjjel egy órán át túrtam a netet, de csak workaroundokat találtam, magyarázatot arra, hogy miért nem megy, nem igazán...
Meg tudná valaki magyarázni?
Hogy a háttér színezése nem látszik, még bele is törődnék, ráfogva, hogy a TD-k eltakarják. De az a baj, hogy a margin, padding, border stb. sem működnek rajta, ha jól látom.
‹ AJAX Window "size-change" elkapás jqueryvel ›
 ■
1

IE7 alatt a TR-eknek van

Hidvégi Gábor · 2012. Júl. 19. (Cs), 07.38
IE7 alatt a TR-eknek van háttere, de a hover nem működik, a többi böngészőben jó. Viszont nem értem, miért problémázol ezen, ha a tr:hover td definíció viszont működik. Ha a háttérszínt nem látod, akkor esélyes, hogy az id-t elírtad, esetleg IE6 alatt nincs is egyáltalán.

Egyéb stílusokat valóban nem lehet rá rakni, gondolom azért, mert a szabványban így találták ki. Szerencsére mindig vannak alternatívák : )

(Már messziről meg lehet ismerni a témáidat/kérdéseidet a címükről, van egy stílusod : ))
2

FF alól nézegettem (13-14).

eddig bírtam szó nélkül · 2012. Júl. 19. (Cs), 07.50
FF alól nézegettem (13-14). Persze lehet, hogy valamit én keféltem el, de rémlett régről, hogy a tr valamiért kilóg a sorból.

Annyira nem problémázok rajta, csak zavar, ha valaminek nem találom a (logikus) magyarázatát. :-)

Egyébként anno a fotóimról is azt mondták, hogy messziről világít az elkövető személye. :-))
3

jQuery

Pepita · 2012. Júl. 20. (P), 01.12
Én nemrég jquery-vel csináltam <tr> hover-re background-ot és bordert is, így rendesen működött IE8 és FF6(!) alatt is. Csak tippelem, hogy elírtál vmit, szerintem css-ből is mennie kéne (tr-re is).
4

Én úgy tudom, hogy MSIE

Karvaly84 · 2012. Júl. 20. (P), 05.22
Én úgy tudom, hogy MSIE kiborul ha nincs rendes doctype, és úgy használod a :hover pseudo osztályt. De a verziókra már nem emlékszem.
5

Quirks mode

eddig bírtam szó nélkül · 2012. Júl. 20. (P), 07.10
Nem borul ki, csak doctype hiányában hajlamos ú.n. quirks mode-ra váltani. De mint említettem, én linux alól, FF-ból nézegettem elsődlegesen és ahogy Hidvégi Gábor is írta: normális körülmények közt a TR-re csak a background(-color?) style érvényesül, a többit ignorálja.
Mondjuk ahonnan a kérdésem indult, ott továbbra sem tudtam kiszínezni a tr hátterét, de ott leginkább az lehetett az oka, hogy a sorokban elhelyezett elemek eltakarják.
6

quirks mode

Poetro · 2012. Júl. 20. (P), 09.30
Firefox alatt is simán lehet quirks mode-ba lépni. Ha nem tudod, milyen módban vagy: View Page Info / Render Mode
7

Köszi, ezt nem

eddig bírtam szó nélkül · 2012. Júl. 20. (P), 09.35
Köszi, ezt nem tudtam.

Egyébként van doctype (xhtml) és "standards..." áll a render mode mellett.
8

Nem csak background

Pepita · 2012. Júl. 21. (Szo), 05.43
Itt az én példám (jquery 1.4):
var files_bg = Array();
    $('.files').mouseenter(function (){
        $(this).css('outline', '2px dashed rgb(118,146,26)');
        files_bg[$(this)] = $(this).css('background-color');
        $(this).css('background-color', 'rgb(245,220,95)');
    });
    
    $('.files').mouseleave(function (){
        $(this).css('outline', 'none');
        $(this).css('background-color', files_bg[$(this)]);
    });
HTML:
<table border="1" width="100%" style="background-color: rgb(248,221,220);">
<thead>
<tr>
<th>id</th><th>feltöltve</th><th>cím</th><th>méret (kB)</th><th>név</th><th>letöltés</th></tr>
</thead>
<tbody>
<tr class="files" style="background-color: rgb(221,248,220);">
<td>13</td><td>2012-07-07 04:56:22</td><td>Akármi (pdf)</td><td>36</td><td>xxx</td><td>4</td></tr>
<tr class="files" style="background-color: rgb(220,221,248);">
<td>12</td><td>2012-07-07 04:55:59</td><td>Akármi (pdf)</td><td>40</td><td>xxx</td><td>5</td></tr>
<tr class="files" style="background-color: rgb(221,248,220);">
<td>11</td><td>2012-07-07 04:55:14</td><td>Akármi (pdf)</td><td>39</td><td>xxx</td><td>4</td></tr>
<tr class="files" style="background-color: rgb(220,221,248);">
<td>10</td><td>2012-07-07 04:54:57</td><td>Akármi (pdf)</td><td>26</td><td>xxx</td><td>6</td></tr>
<tr class="files" style="background-color: rgb(221,248,220);">
<td>9</td><td>2012-07-07 04:54:21</td><td>Akármi (pdf)</td><td>57</td><td>xxx</td><td>4</td></tr>
</tbody>
</table>
Igaz, az esemény nem hover, és nem border, hanem outline. De megy IE8 és FF9 alatt. Szerintem border is u.így. Ha css-el nem, marad a js. (De jquery-vel is css-t piszkálok, emiatt - szerintem - css-el is mennie kéne.)