Autor Zpráva
OBr
Profil
Ahoj.
Mám problém s tím že se mi zvláštně provádí následujicí zápis.
tr

{
background: #fff url("sipka.gif") no-repeat 10px center;
}

V pravidle říkám že chci zobrazit pozadí ze souboru pouze jednou pro každý řádek. Problém je v tom že se mi v IE a Opeře zobrazí pro každou buňku. Nechápu proč. Jedině Firefox to zobrazí tak jak chci já.
Tady je ta problémová stránka.
Radek Hrabůvka
Profil
Já to taky nechápu a tr se nepokouším stylovat, nanejvýš mu dám třídu a styluji buňky pomocí kontextové deklarace. Pro tento případ bych použil třídu pro buňky s obrázkovým pozadím:

css kód
td.sipka {background: #fff url("sipka.gif") no-repeat 10px center;}

html kód
<table>
<tr><td class="sipka">ovoce<td>loren<td>ipsum
<tr><td class="sipka">text<td>blabla<td>zelenina
<tr><td class="sipka">diskuse<td>css<td>autor
</table>
Dero
Profil
Ono to jde i bez té třídy. Praktické to nijak není, snad jen HTML puristé zajásají. Pro všechny tři prohlížeče, s předpokladem, že v IE je zapnutý javascript, se to dá udělat takto:

<style type="text/css">

table, td { border: 1px #ccc solid; }
td { background: #fff no-repeat 10px center; }
td:first-child { background-image: url("image.gif"); }
* html td { background-image: expression((this.previousSibling == null || this.previousSibling.tagName != "TD") ? "url('image.gif')" : ""); }
</style>

<table>
<tr>
<td>text text text</td>
<td>text text text</td>
<td>text text text</td>
</tr>
<tr>

<td>text text text</td>
<td>text text text</td>
<td>text text text</td>
</tr>
<tr>
<td>text text text</td>
<td>text text text</td>

<td>text text text</td>
</tr>
</table>
OBr
Profil
Radek Hrabůvka, Dero
Mockrát díky.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0