| Autor | Zpráva | ||
|---|---|---|---|
| HrochPepa Profil |
#1 · Zasláno: 19. 2. 2011, 14:58:59
Celý den tady čtu jak se tvoří tabulky, koupil jsem si knížku o CSS. Veškerá moje snaha je marná. Sloupce s rozdílnou šířkou nemohu dostat vedle sebe.
Tabulka šířka 600, 6 sloupců, 48 řádků. Řádky jsou stejně vysoké - 12. Sloupce: 1. =10, 2. =85, 3. =205, 4. =10, 5. =85, 6. =205 (první,druhý a třetí je shodný se čtvrtým,pátým a šestým) Co mám špatně? <table width="600" border=1 > <tr><td width="10"> 1</td><td width="85">Buňka 2</td><td width="205">Buňka 3</td> <td width="10"> 4</td><td width="85">Buňka 5</td><td width="205">Buňka 6</td></tr> <tr><td width="10"> 1</td><td width="85">Buňka 2</td><td width="205">Buňka 3</td> <td width="10"> 4</td><td width="85">Buňka 5</td><td width="205">Buňka 6</td></tr> <tr><td width="10"> 1</td><td width="85">Buňka 2</td><td width="205">Buňka 3</td> <td width="10"> 4</td><td width="85">Buňka 5</td><td width="205">Buňka 6</td></tr> </table> |
||
| pavuk Profil |
#2 · Zasláno: 19. 2. 2011, 15:06:25 · Upravil/a: pavuk
V tomhle kódu nic, protože zobrazuje tabulku přesně podle požadavků a správně a ve shodě s tvým popisem, problém bude jinde
|
||
| HrochPepa Profil |
#3 · Zasláno: 19. 2. 2011, 15:54:46
pavuk:
Hm, tak budu pátrat, proč se to v IE nezobrazuje správně. Ještě dotaz, šlo by to jednoduše udělat v CSS, aby to nemuselo být v kódu tak dlouhé. Ukázka je vlastně na 3 řádky a musí jich být 48. |
||
| Radek9 Profil |
#4 · Zasláno: 19. 2. 2011, 15:58:46
HrochPepa:
Stačí nastavit šířku jen v prvním řádku. Nebo můžeš použít tag <col>. |
||
| pavuk Profil |
#5 · Zasláno: 19. 2. 2011, 16:31:08
Mě se to v IE zobrazuje správně, v IE 6,7 i 8 a to ostatní viz. Radek9
|
||
| Trejpa Profil |
#6 · Zasláno: 19. 2. 2011, 16:32:43
HrochPepa:
„Co mám špatně?“ V uvedeném kódu nic, funguje podle zadání stejně v Internet Exploreru, Firefoxu, Chrome i Opeře. Je zbytečné nastavovat šířku a výšku každé buňce zvlášť, když je mohou mít nastaveny celé sloupce, řádky nebo jejich skupiny. <table width=600 border=1> <colgroup height=12><col width=10><col width=85><col width=205><col width=10><col width=85><col width=205></colgroup> <tr><td> 1 <td>Buňka 2 <td>Buňka 3 <td> 4 <td>Buňka 5 <td>Buňka 6 <tr><td> 1 <td>Buňka 2 <td>Buňka 3 <td> 4 <td>Buňka 5 <td>Buňka 6 <tr><td> 1 <td>Buňka 2 <td>Buňka 3 <td> 4 <td>Buňka 5 <td>Buňka 6 </table> Všechny prohlížeče ti také stejně v poměru zadaných velikostí zmenšují buňky tak, aby se vešly i s okraji, mezibuněčnou mezerou a rámečkem do zadaných rozměrů tabulky. |
||
| HrochPepa Profil |
#7 · Zasláno: 19. 2. 2011, 17:08:39
Tak jsem zkusil použít <col> - je to tak správně?
<table width="600" border=1 > <colgroup> <col width="10" span="1"> <col width="85" span="1"> <col width="205" span="1"> <col width="10" span="1"> <col width="85" span="1"> <col width="205" span="1"> </colgroup> <tablerowgroup > <tr> repeat-x </tr> </tablerowgroup > <tr><td 1</td>1<td >Buňka 2</td><td >Buňka 3</td> <td > 4</td><td >Buňka 5</td><td >Buňka 6</td></tr> <tr><td 1</td>1<td >Buňka 2</td><td >Buňka 3</td> <td > 4</td><td >Buňka 5</td><td >Buňka 6</td></tr> <tr><td 1</td>1<td >Buňka 2</td><td >Buňka 3</td> <td > 4</td><td >Buňka 5</td><td >Buňka 6</td></tr> </table> Ještě jsem zkusil použít tablerowgroup, aby se řádky opakovaly. Ale to nejde. Jde nějak udělat aby se hned ukázala tabulka s 48 řádky? Něco jako opakovat 48x nebo tak nějak. |
||
| Trejpa Profil |
#8 · Zasláno: 19. 2. 2011, 17:40:51
HrochPepa:
Vidím, že tomu moc nerozumíš. Žádná značka <tablerowgroup> v HTML neexistuje. Skupiny řádků v HTML oddělují značky <thead>, <tfoot> a <tbody> (podle významu). „<tr> repeat-x </tr>“ Co si od toho slibuješ? Značka <tr> může být jen v elementu (ne značce) thead, tfoot nebo tbody. Značka <tr> může obsahovat jen elementy td a th, ne text. „aby se řádky opakovaly.“ HTML je jazyk značkovací, ne programovací. Co napíšeš, to se zobrazí. Chceš-li čtyřicet osm řádků, napiš do HTML kódu čtyřicet osm řádků. Nic jako „aby se to opakovalo“ jazyk HTML neumí. Jestli chceš něco opakovat, použij nějaký skript (JS, PHP). (Tabulka na 48 řádků.) |
||
| HrochPepa Profil |
#9 · Zasláno: 19. 2. 2011, 17:50:22
Trejpa:
Ano, je pravda, moc tomu nerozumím. Učím se to. Mám knížku Kompletní průvodce CSS od Petr Staníčka a zkouším to podle toho. Tam jsem právě narazil na table row group (prvek seskupuje více řádků tabulky). Vím, že myslet znamená ......., ale pochopil jsem to tedy špatně. No nic. Moc děkuji za Váš čas a jdu pokračovat v učení. |
||
| panther Profil |
#10 · Zasláno: 19. 2. 2011, 17:55:42
HrochPepa:
table-row-group je jedna z možných hodnot CSS vlastnosti display, nikoliv HTML tag. Asi s tím sis to spletl. |
||
| Trejpa Profil |
#11 · Zasláno: 19. 2. 2011, 18:19:33
HrochPepa:
„Mám knížku Kompletní průvodce CSS“ No jo, kaskádové styly. Ty se ale takto do HTML kódu nezapisují. „Tam jsem právě narazil na table row group“ Každá tabulka se skládá ze čtyř povinných úrovní bloků (elementů). <table> - ohraničení tabulky <tbody> | <thead> | <tfoot> - skupina řádků, počáteční značka <tbody> není povinná, ale jako element je (téměř) v každé tabulce <tr> - řádek tabulky <td> | <th> - buňka tabulky Pro každý z nich je v kaskádových stylech vymyšlena hodnota vlastnosti display. Výchozí hodnota <tbody> je právě table-row-group. Tohle tě v začátcích ale nemusí vůbec zajímat, o tabulkové hodnoty zobrazení se obvykle nestarají ani profesionální kodéři. Tvá věta „prvek seskupuje více řádků tabulky“ je správná. Prvek s touto hodnotou (<tbody>) seskupuje buňky. Neopakuje je. |
||
| HrochPepa Profil |
#12 · Zasláno: 19. 2. 2011, 19:48:31
Hoší, já Vám moc děkuji. Když to takhle vysvětlíte, tak to člověk lépe pochopí, než když to čtu pořád dokola - zkouším to- ono to nedělá to co si myslím, že by mělo dělat. Můžete mi poradit nějakou dobrou knížku pro začátečníka - kterou máte vyzkoušenou.
|
||
| Trejpa Profil |
#13 · Zasláno: 19. 2. 2011, 20:20:24
HrochPepa:
„Můžete mi poradit nějakou dobrou knížku pro začátečníka - kterou máte vyzkoušenou.“ Mě neučila žádná kniha, ale praxe. Stačí se do toho pustit, zkoušet a překonávat záludnosti. To ostatní přijde samo. |
||
|
Časová prodleva: 13 let
|
|||
0