Tabelki...

[Delwin]

Z dotychczasowych doświadczeń wydaje się, że jedyny sposób to załączać je w plikach lub jako obrazki - czy istnieje jakiś sposób aby zamieścić je normalnie w tekście ?

[Wojtek_84]

Z dotychczasowych doświadczeń wydaje się, że jedyny sposób to załączać je w plikach lub jako obrazki - czy istnieje jakiś sposób aby zamieścić je normalnie w tekście ?

Robię od jakiegoś czasu moduł tabelek na forum, ale nie mogę skończyć :( Ma się składać z kilku tagów bbCode'u i edytora s.cript. Ale póki co edytor stoi w miejscu. Wrzuciłem kilka podstawowych tagów bbCodu do tworzenia tabelek więc jeśli znasz HTMLa to powinieneś sobie poradzić z prostszymi tabelkami:

Kom1	Kom2	Kom3
Kom4	Kom5	Kom6
	Kom5	Kom6
Kom6

Kod: Zaznacz cały

[table][tr][td4 width="100"]Kom1[/td4][td4 width="200"]Kom2[/td4][td4 width="150"]Kom3[/td4][/tr]
[tr][td2 rowspan="2"]Kom4[/td2][td]Kom5[/td][td]Kom6[/td][/tr]
[tr][td]Kom5[/td][td]Kom6[/td][/tr]
[tr][td3 colspan="3"]Kom6[/td3][/tr][/table]

Dodane są taki <table>, <tr>, <td> - można stosować jak w htmlu, tylko bez dodatkowych atrybutów. Każdy dodatkowy atrybut trzeba opisać nowym tagiem bbCodu - dlatego <td rowspan="jakaś wartość"> jest opisany przez [td2 rowspan="jakaś wartość"], colspan przez td3, a szerokość przez td4.

Jak wymyśle coś mądrzejszego albo napisze jakiś edytor to dam znać, ale to nie będzie szybko :(

[Delwin]

Wiedzę o html mam zerową (moja wiedza programistyczna zatrzymała się na programikach w Pascalu gdzieś 15 lat temu ;-)) ale na metodę "małpa widzi, małpa robi" poradzę sobie - dziękuje. Trochę prób/błędów i wypracuję jakiś podstawowy wzorek do wykorzystania na bazie Twojego projektu. Bez tego wszelkie dyskusje "porównawcze" (zwłaszcza przy pomysłach alternatywnych) to dramat na kółkach .

[Wojtek_84]

Kom1	Kom2	Kom3
Kom4	Kom5	Kom6
Kom5	Kom6	Kom7
Kom6	Kom6	Kom6

To może odrobina wyjaśnienia się przyda jeśli chcesz kombinować.

Kod: Zaznacz cały

[table]
Wewnątrz tych znaczników ma być cała tabelka.
[/table]


Kod: Zaznacz cały

[tr]
W tych znacznikach ma być jeden wiersz
[/tr]


Kod: Zaznacz cały

[td]
W znacznikach td ma być treść, która znajdzie się w komórkach - td to komórki tabeli
[/td]


Liczba komórek w wierszach musi się zgadzać - jeśli w pierwszym są trzy to w kolejnych też muszą być trzy - o wyjątkach później.

Jednowierszowa tabelka wygląda tak:

Komórka w pierwszym wierszu po lewej

Komórka w pierwszym wierszu po prawej

Kod: Zaznacz cały

[table]
[tr]
[td]Komórka w pierwszym wierszu po lewej[/td]
[td]Komórka w pierwszym wierszu po prawej[/td]
[/tr]
[/table]


Dwuwierszowa tabelka wygląda tak:

Komórka w pierwszym wierszu po lewej	Komórka w pierwszym wierszu po prawej
Komórka w drugim wierszu po lewej	Komórka w drugim wierszu po prawej

Kod: Zaznacz cały

[table]
[tr]
[td]Komórka w pierwszym wierszu po lewej[/td]
[td]Komórka w pierwszym wierszu po prawej[/td]
[/tr]

[tr]
[td]Komórka w drugim wierszu po lewej[/td]
[td]Komórka w drugim wierszu po prawej[/td]
[/tr]
[/table]


Jeśli chcesz wprowadzić określoną szerokość kolumn przynajmniej jedna z komórek w kolumnie musi mieć określoną szerokość.

Komórka w pierwszym wierszu po lewej o szerokości 150px	Komórka w pierwszym wierszu po prawej o szerokości 300px
Komórka w drugim wierszu po lewej	Komórka w drugim wierszu po prawej

Kod: Zaznacz cały

[table]
[tr]
[td4 width="150"]Komórka w pierwszym wierszu po lewej o szerokości 150px[/td4]
[td4 width="350"]Komórka w pierwszym wierszu po prawej o szerokości 300px[/td4]
[/tr]

[tr]
[td]Komórka w drugim wierszu po lewej[/td]
[td]Komórka w drugim wierszu po prawej[/td]
[/tr]
[/table]


Wyjątek od reguły kiedy tabelka zawsze musi mieć taką samą liczbę komórek w wierszu / kolumnie - jeśli łączysz komórki. Jak w excelu, tylko tu trzeba to opisać.

2 komórki w jednym wierszu łączymy atrybutem colspan - w nieszczęsnym phpBB trzeba też zmienić td na td3.

Dwie komórki scalone w jednym wierszu
Komórka w drugim wierszu po lewej	Komórka w drugim wierszu po prawej

Kod: Zaznacz cały

[table]
[tr]
[td3 colspan="2"]Dwie komórki scalone w jednym wierszu[/td3]
!!! w tym wierszu już nie ma drugiej komórki
[/tr]

[tr]
[td]Komórka w drugim wierszu po lewej[/td]
[td]Komórka w drugim wierszu po prawej[/td]
[/tr]
[/table]


2 komórki w jednej kolumnie łączymy atrybutem rowspan - w nieszczęsnym phpBB trzeba też zmienić td na td2.

Dwie komórki scalone w jednym wierszu	Komórka w pierwszym wierszu po prawej
	Komórka w drugim wierszu po prawej

Kod: Zaznacz cały

[table]
[tr]
[td2 rowspan="2"]Dwie komórki scalone w jednym wierszu[/td2]
[td]Komórka w pierwszym wierszu po prawej[/td]
[/tr]

[tr]
!!! tu nie ma komórki - połączyliśmy w tej kolumnie dwie kolejne komórki
[td]Komórka w drugim wierszu po prawej[/td]
[/tr]
[/table]


Tylko dla bardzo ambitnych - ja poprawiałem te tabelki 12 razy zanim wyszły bez błędów

[Wojtek_84]

Jest ułatwienie

Do prostych tabel można użyć skryptu ze strony:
http://www.teamopolis.com/tools/bbcode- ... rator.aspx

Zaznaczamy ile kolumn i wierszy, wpisujemy treść i generujemy tabelę w bbCodzie

[Delwin]

Piękne narzędzie . Nieidealne (próbka na szybko poniżej) ale nader poręczne bo przede wszystkim szybkie i na potrzeby większości dyskusji (czyli do prostego porównywania) znakomite.

Jednostka	DP	BK
Samochody	22	33
Konie	234	456
motocykle	12	22
rowery	33	44

Proponowałbym abyś jako admin zrobił "przyklejkę" coby ta informacja poszła w forumowy świat + wyjaśnienie, które opracowałeś w odpowiedzi na moje pytanie (może trafią się ambitniejsi ). Jedyne pytanie: czy istnieje możliwość "pozycjonowania" tabelki tak aby nie generować tak wielkiego posta podczas gdy sama tabelka dość skromna rozmiarem jest.

[Wojtek_84]

Na razie - globalny, a jak się opatrzy to przykleję tylko w tym dziale.

[Tzaw1]

a	b	c
xx	12	13
yy	11	11

To działa

[Wojtek_84]

Pozostaje tylko ustalenie dla czego u licha robi się taki odstęp między tekstem a tabelką :(

XX	YY

[soseło]

co to dziwnego się dzieje z godziną, która wieczorem przeskakuje o 1h do przodu? Np. piszę posta o 22.42 a on się ukazuje z wybitą 23.42?

[Wojtek_84]

Teraz działa bez zarzutu...

PS
W zależności od systemu i przeglądarki istnieje taka możliwość, że jesteś traktowany tak jakbyś był w innej strefie czasowej

[Tzaw1]

Pozostaje tylko ustalenie dla czego u licha robi się taki odstęp między tekstem a tabelką :(

Czemu się robi?

[Wojtek_84]

Czemu się robi?

[Strus]

W końcu się udało
Tylko czemu taki duży odstęp do tabelki??

Jednostka	Typ	11	12			13			14			15
			A	B	C	A	B	C	A	B	C	A	B	C
2	A	60	26	21	-	-	-	-	26	23	-	26	21	-
	B		5	12	3	5	6	-	-	-	-	-	-	-
	C	17				-	6	3	-	-	-	-	-	-
	D		-	2	8	-	-	-	-	-	7	-	2	-
3	A	49	26	23	-	-	-	-	26	23	-	26	23	-
	B		-	-	-	-	-	-	-	-	-	-	-	-
	C	7				-	-	-	-	-	-	-	-	-
	D		-	-	7	-	-	-	-	-	7	-	-	7
4	A	11	-	-	2	-	-	-	-	-	1	-	-	2
	B		5	12	1	5	6	-	-	-	-	-	-	-
	C	17				-	6	-	-	-	-	-	-	-
	D		-	-	8	-	-	-	-	-	8	-	-	8
5	C	-	-	-	-	-	-	1	-	-	-	-	-	-

[ustczanin]

W internecie istnieje wiele kursów HTML online np tu http://www.kurshtml.boo.pl/html/wprowad ... abele.html Jeśli ktoś będzie miał z czymś wątpliwości to mogę coś podpowiedzieć. Pozdrawiam

[Hochseeflotte]

Jeśli ktoś będzie miał z czymś wątpliwości to mogę coś podpowiedzieć.

Nie będę orginalny i zadam obiegowe pytanie: skąd ten odstęp przed tabelką i jak go zniwelować

[Plunger]

Nie będę oryginalny i zadam obiegowe pytanie: skąd ten odstęp przed tabelką i jak go zniwelować?

Skąd odstęp to nie wiem, ale zlikwidować go można pisząc BB Code tabelki jednym ciągiem, nie łamiąc wierszy.
Jeżeli tabelkę zapiszemy tak jak poniżej, odstępu nie będzie.

Kod: Zaznacz cały

[table][tr][td]:566:[/td][td]:583:[/td][td]:(:[/td][td]:zly:[/td][/tr][tr][td]:628:[/td][td]:566:[/td][td]:583:[/td][td]:(:[/td][/tr][tr][td]:583:[/td][td]:(:[/td][td]:zly:[/td][td]:029:[/td][/tr][/table]

Przykład bez łamania wierszy kodu:

:566:	:583:	:(:	:zly:
:628:	:566:	:583:	:(:
:583:	:(:	:zly:	:029:
:583:	:(:	:zly:	:029:
:583:	:(:	:zly:	:029:
:583:	:(:	:zly:	:029:

Jeżeli natomiast BBCod zostanie połamany jak poniżej:

Kod: Zaznacz cały

[table][tr][td]:566:[/td][td]:583:[/td][td]:(:[/td][td]:zly:[/td][/tr]
[tr][td]:628:[/td][td]:566:[/td][td]:583:[/td][td]:(:[/td][/tr]
[tr][td]:583:[/td][td]:(:[/td][td]:zly:[/td][td]:029:[/td][/tr][/table]

Tabelka będzie miała duży odstęp. Im więcej złamanych wierszy, tym większy odstęp.

Przykład z łamaniem wierszy kodu:

:566:	:583:	:(:	:zly:
:628:	:566:	:583:	:(:
:583:	:(:	:zly:	:029:
:583:	:(:	:zly:	:029:
:583:	:(:	:zly:	:029:
:583:	:(:	:zly:	:029:

Jak widać, brak łamania wierszy likwiduje zbyt duży odstęp, ale zmniejsza przejrzystość kodu i utrudnia edycję tabeli.

[Hochseeflotte]

Biała plama wyjaśniona
Czyli wirus siedzi pod klawiszem [Enter] , można go usuwać po napisaniu tabelki

Powinni Cię za ten wyczyn nominować do orderu uśmiechu

[ustczanin]

Widzę, że problem tabelek już rowziązany Ale jakby co służę pomocą tylko poproszę o wklejanie dokładnego kompletnego kodu html ewentualnie na priv żeby nie zaśmiecać forum. Często wystarczy niedomknięty znacznik czy niewłaściwa kolejność znaczników, żeby pojawiały się dziwolągi na stronie, np. przesunięta tabela. Pamiętajmy również, że wiele programów do mniej lub bardziej automatycznego tworzenia kodu html tworzy lub konwertuje ten kod przy zapisie w sobie właściwy sposób, który zazwyczaj nie jest optymalny i potem może być różnie interpetowany przez różne rodzaje i wersje przeglądarek internetowych. Osobiście najpewniej się czuję pisząc kod HTML w najzwyklejszym notatniku, wystarczy przy zapisie pliku na końcu nazwy wpisać po kropce rozszerzenie htm lub html. Pozdrawiam

[lukasz86]

Myślę że w arkuszu stylów forum można ustawić domyślny wygląd owych tabelek - np padding, margin oraz kolor ramek.
Będzie bardziej estetycznie i obejdzie się bez większych kombinacji.