Ahojky, potřebuju poradit jak mám dát OBRÁZEK jako hranici(border) tabulky!
Prosím pomozte
to snad ani nejde. V CSS jsou povoleny jediny styly pro border:
solid (plna cara),
dotted (teckovany),
dashed (carkovany),
double (dvojita cara),
groove (rytina) a
ridge (vystouple - opak rytiny).
btw pochybuju, ze IE umi vsechny zobrazit tak, jak by mel...
jde to tak, že si uděláš td, kerá je třeba pro horní okraj: colspan="pocet_vsech_vodorovnych_bunek" a nastavíš mu bacground-image
Marcus: to me taky napadlo, ale uz jsem trochu deformovanej tim, ze tabulky generuju vetsinou dynamicky a nevim (vlastne vim,ale nechce se mi to pocitat), kolik ma radku a sloupcu, tak jsem to hned zavrhnul :D ...
este detail... ta bunka-okraj by mela mit uvedenou pevnou sirku (levy a pravy okraj) a vysku (horni a dolni okraj) -nejlepe asi pomoci CSS, a mela by v nem byt zapsana aspon tvrda mezera ( entita nbsp; ).
A nechceš mi to ukázat na příkladu?
Priklad? Tak dejme tomu tabulka 4×4:
puvodni tabulka bez tech okraju vypada asi takto (do kazde bunky jsem umistil nejakej znak, aby se bunka zobrazila):
<table border="1"><!-- s borderem u bunek, abys videl, jak to vypada -->
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>9</td><td>10</td><td>a</td><td>b</td></tr>
<tr><td>c</td><td>d</td><td>e</td><td>f</td></tr>
</table>
Vemem to postupne: k ty tabulce pridas vlevo a vpravo po jednom sloupci a nahore a dole po jednom radku. Budes mit tedy tabulku 6×6:
<table border="1"><!-- s borderem u bunek, abys videl, jak to vypada -->
<tr><td>0</td><td>w</td><td>x</td><td>y</td><td>z</td><td>h</td></tr>
<tr><td>g</td><td>1</td><td>2</td><td>3</td><td>4</td><td>j</td></tr>
<tr><td>s</td><td>5</td><td>6</td><td>7</td><td>8</td><td>k</td></tr>
<tr><td>t</td><td>9</td><td>10</td><td>a</td><td>b</td><td>l</td></tr>
<tr><td>q</td><td>c</td><td>d</td><td>e</td><td>f</td><td>w</td></tr>
<tr><td>t</td><td>z</td><td>u</td><td>i</td><td>o</td><td>i</td></tr>
</table>
No a ty s tim udelas neco, jako kdyz treba v Excelu "sloucis bunky".
Tedy "sloucis" bunky v prvnim a v poslednim sloupci a v prvnim a poslednim radku (krome bunek v rozich). Bude to vypadat nasledovne:
<table border="1"><!-- s borderem u bunek, abys videl, jak to vypada -->
<tr><td>0</td><td colspan="4">w</td><td>h</td></tr>
<tr><td rowspan="4">g</td><td>1</td><td>2</td><td>3</td><td>4</td><td rowspan="4">j</td></tr>
<tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>9</td><td>10</td><td>a</td><td>b</td></tr>
<tr><td>c</td><td>d</td><td>e</td><td>f</td></tr>
<tr><td>t</td><td colspan="4">z</td><td>i</td></tr>
</table>
Pak si pripravis nejaky obrazky, ktery budou tvorit ty okraje.
Nejake bunce v prvnim radku a v poslednim radku nastavis pevnou vysku, a nejaky bunce v prvnim sloupci a v poslednim sloupci nastavis pevnou sirku - ty rozmery nastavujes podle rozmeru obrazku-okraju, ktere mas pripravene. Pokud mas takhle nastaveny rozmery, nemusi mit bunka zadny obsah (jako je treba dole pismenko "z"). No a pak ty obrazky-okraje, ktery sis pripravil, nastavis jako pozadi tech sloucenejch bunek. Ty rozmery a pozadi doporucuju nastavovat pomoci kaskadovych stylu. Asi nejlepsi bude, kdyz celej tenhle prispevek (tak jak je) zkopirujes do html souboru a otevres v prohlizeci, abys videl, jak to funguje.