• Nie masz konta?
dodaj zlecenie stwórz wizytówkę dodaj usługę
Wszystkie tematy  »  

Tabele w html "na chlopski rozum !"

  
(obserwuj)
1  |  2   z  2   Następna strona Ostatnia strona
Avatar_forum
Moje początki w HTML"u są dosyć ciężkie. Próbuję zrobić prostą stronkę opartą na tabeli. Przeczytałam jak się tworzy tabele w html ale coś robię nie tak, ponieważ tabelka nie wychodzi mi tak jak to zaplanowalam. Bardzo proszę o pomoc. Wyjaśnijcie na chłopski rozum jak tworzy się tabele. Z góry dziękuję.
VanillaChocolate wyedytował tego posta w dniu 2009-02-22 19:55:54

Link Cytuj

 
0
silver_cloud
Hej,
trudno Ci pomóc ponieważ ani nie podajesz kodu ani problemu jaki się pojawia. Sprobuję zatem wyjasnic jak bydowac tabele, moze sama znajdziesz swoj blad.

Link Cytuj

 
0
silver_cloud
Oto prosty kod tabeli zawierającej 3 kolumny i 3 wiersze:

>table>
>tr>>td>1>/td>>td>2>/td>>td>3>/td>>/tr>
>tr>>td>1>/td>>td>2>/td>>td>3>/td>>/tr>
>tr>>td>1>/td>>td>2>/td>>td>3>/td>>/tr>
>/table>

Link Cytuj

 
0
silver_cloud
wklejaj sobie kod ktory tu piszę i sprobuj go analizować w przegladarce

Link Cytuj

 
0
silver_cloud
>table>>/table>
zawiera caly kod tabeli

>tr>...>/tr>
to wiersz tabeli

>td>...>/td>
to komórka tabeli

Link Cytuj

 
0
silver_cloud
Tworząc tabelę musisz sie zastanowic jaka bedzie jej struktura. Np chcesz utworzyc tabelę z 2 kolumnami i 5 wierszami. Wobec tego tabela bedzie zawierac 5 wierszy i 2 komorki w kazdym z nich.

Link Cytuj

 
0
silver_cloud
Tworzymy 5 wierszy:
>tr>...>/tr>
>tr>...>/tr>
>tr>...>/tr>
>tr>...>/tr>
>tr>...>/tr>

Link Cytuj

 
0
silver_cloud
W kazdy wiersz wkladamy 2 komorki "tutaj do komorek dodałam X w srodek jako treść"

2 komorki:
>td> X >/td>>td> X >/td>

2 komorki wewnatrz wierszy:
>tr>>td>X>/td>>td>X>/td>>/tr>
>tr>>td>X>/td>>td>X>/td>>/tr>
>tr>>td>X>/td>>td>X>/td>>/tr>
>tr>>td>X>/td>>td>X>/td>>/tr>
>tr>>td>X>/td>>td>X>/td>>/tr>

Link Cytuj

 
0
silver_cloud
Całość otaczamy dodając znaczniki table:
>table>
>tr>>td>X>/td>>td>X>/td>>/tr>
>tr>>td>X>/td>>td>X>/td>>/tr>
>tr>>td>X>/td>>td>X>/td>>/tr>
>tr>>td>X>/td>>td>X>/td>>/tr>
>tr>>td>X>/td>>td>X>/td>>/tr>
>/table>

Link Cytuj

 
0
silver_cloud
Table zazwyczaj nie sa takie proste. Najczesciej jest wiele komórek scalonych, nierówna ilość komórek w wierszu itd.
Np. chcemy zrobić taką tabelę:
[...............................................]
[..............][..............][..............]
[...][...][...][...][...][...][...][...][...]
powiedzmy ze tabelka jest równa :P

czyli
1 wiersz - 1 komórka
2 wiersz - 3 komórki
3 wiersz - 9 komórek
silver_cloud wyedytował tego posta w dniu 2009-02-22 21:05:09

Link Cytuj

 
0
silver_cloud
Podstawową komórką jest najmniejsza komórka
w 1 wierszu jest 1 komórka ktora jest wynikiem scaleni 9 komórek podstawowych

w wierszu 2 mamy 3 komórki, każda z nich jest scaleniem 3 komórek podstawowych

3 wiersz sklada sie z 9 osobnych komorek podstawowych

Link Cytuj

 
0
silver_cloud
zacznijmy trochę od tylu, od napisania kodu 3. wiersza

>tr>
>td>1>/td>>td>2>/td>>td>3>/td>>td>4>/td>>td>5>/td>>td>6>/td>>td>7>/td>>td>8>/td>>td>9>/td>
>/tr>

Link Cytuj

 
0
silver_cloud
wiersz drugi sklada sie z 3 komorek,
kazda kom=3 komorki podstawowe

wiec:

>tr>
>td colspan="3">1>/td>
>td colspan="3">2>/td>
>td colspan="3">2>/td>
>/tr>

Link Cytuj

 
0
silver_cloud
cos tutaj sie nie wyswietla poprawnie znak cudzysłowia
tam gdzie jest " ma być cudzysłów

Link Cytuj

 
0
silver_cloud
wiersz pierwszy sklada sie z 1 komorki = 9 komorek podstawowych

wiec:

>tr>
>td colspan="9">1>/td>
>/tr>

Link Cytuj

 
0
silver_cloud
Skladam wszystko w calosc:
>table border="1">
>tr>>td colspan="9">1>/td>>/tr>
>tr>>td colspan="3">1>/td>>td colspan="3">2>/td>>td colspan="3">2>/td>>/tr>
>tr>>td>1>/td>>td>2>/td>>td>3>/td>>td>4>/td>>td>5>/td>>td>6>/td>>td>7>/td>>td>8>/td>>td>9>/td>>/tr>
>/table

skopiuj kod i zobacz jak wyglada w przegladarce
" - to cudzysłów - zamień u siebie w notatniku
silver_cloud wyedytował tego posta w dniu 2009-02-22 22:16:22

Link Cytuj

 
0
silver_cloud
Teraz utworzymy tabele ktora wyglada tak:

"zarys, bo inaczej sie tego nie da tutaj przedstawić"

[.................]
[""""][....][.....]
[...][.][.][.][.]
["""""""""""""]["""""""]
[..........][.....]

najmniejsza, czyli podstawowa komorka to komorka w wierszu nr 3, pierwsza od prawej
silver_cloud wyedytował tego posta w dniu 2009-02-22 22:22:46

Link Cytuj

 
0
silver_cloud
Narysuj sobie jakos te tabelki na kartce bo tutaj slabo mi wychodzi ich rysowanie.
1 wiersz = 1 komorka= 5 podstawowych scalonych
2 wiersz = 3 kom = "1+2+2"
3 wiersz = 5 kom= 5 podstawowych "1+1+1+1+1"
4 wiersz = 2 kom= 3+2 podst
5 wiersz= 2 kom= 3+2 podst

Link Cytuj

 
0
Avatar_forum
hej hej, no wlasnie cos sie dzieje z tabela, rozwala mi sie. mecze sie juz caly weekend. czytam co piszesz, dzieki serdeczne

Link Cytuj

 
0
silver_cloud
pierwsza komorka drugiego i tzreciego wiersza są scalone pionowo
oraz
ostatnia komorka czwartego i piatego wiersza są scalone pionowo

Link Cytuj

 
0
1  |  2   z  2   Następna strona Ostatnia strona
Najpopularniejsze grupy w kategorii: Forum Informatyka, Telekomunikacja
Najnowsze zlecenia w kategorii: Zlecenia informatyczne i telekomunikacyjne