Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML]PROBLEM Z TABELKĄ
@ni@
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 22.05.2011

Ostrzeżenie: (0%)
-----

Cześć. jestem początkująca w kwestii html. czy ktoś mógłby mi pomóc rozwiązać problem z tabelką?
chciałabym aby tytuł tabelki był oddzielony od reszty linią poziomą, natomiast w reszcie tabelki, żeby tych linii nie było. na razie rozwiązałam to za pomocą dwóch tabelek, jedna po drugiej. na podglądzie w edytorze wygląda w porządku, jednak po otworzeniu za pomocą przeglądarki są "małe niedociągnięcia". rozmiary obu ramek nie są takie same.
Go to the top of the page
+Quote Post
plej
post
Post #2





Grupa: Zarejestrowani
Postów: 264
Pomógł: 11
Dołączył: 9.05.2011
Skąd: Gdańsk

Ostrzeżenie: (10%)
X----

www.kurshtml.bo.pl
Najlepszy kurs w necie:)
Go to the top of the page
+Quote Post
@ni@
post
Post #3





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 22.05.2011

Ostrzeżenie: (0%)
-----

jak wpisałam ten adres to wyskoczyła biała strona :/
Go to the top of the page
+Quote Post
boro11
post
Post #4





Grupa: Zarejestrowani
Postów: 283
Pomógł: 11
Dołączył: 9.07.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Użyj do tego celu CSS, masz tam możliwości stylowania każdego boku osobno.
Go to the top of the page
+Quote Post
@ni@
post
Post #5





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 22.05.2011

Ostrzeżenie: (0%)
-----

tylko taki mały problem jest, że totalnie nie wiem jak posługiwać się css.. sad.gif
wiem, że trzeba pewnie być totalnym debilem, żeby tego "nie ogarniać", ale najwidoczniej nim jestem.. sad.gif
nie można tego zrobić nie używając css?

a jeśli się nie da inaczej tego zrobić, to czy ktoś byłby tak uprzejmy i napisał kod na przykładową tabelkę z linią oddzielającą tytuł od reszty tabelki a w pozostałej części, żeby nie było linii poziomych?
z góry dziękuję za pomoc
Go to the top of the page
+Quote Post
markonix
post
Post #6





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

Ostrzeżenie: (0%)
-----

Pokaż jaki masz już kod. Pokaż też (screen) efekt jaki chcesz osiągnąć.
Wyrażenie tytuł tabelki mi nie kojarzy się z żadnym elementem tabeli w HTML.

Kod
<h2>Tytuł tabeli</h2>
<hr />
<table>
...




--------------------
eBizo.pl || Generator losowych haseł || Doładowania telefonów (VAT 23%), w tym płatność BITcoin || Zwiększ liczbę wejść na Twoją stronę
Go to the top of the page
+Quote Post
plej
post
Post #7





Grupa: Zarejestrowani
Postów: 264
Pomógł: 11
Dołączył: 9.05.2011
Skąd: Gdańsk

Ostrzeżenie: (10%)
X----

http://www.kurshtml.edu.pl/


masz to ten link sryy:)

Masz tu kurs html dla zielonych kurs css:) sam się z tego html'a uczyłem:) fajnie tłumaczone na bank ci pomoże:)

Ten post edytował plej 22.05.2011, 19:53:31
Go to the top of the page
+Quote Post
@ni@
post
Post #8





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 22.05.2011

Ostrzeżenie: (0%)
-----

to jest początek tabelek


<table align="center" BORDER CELLSPACING=4>
<tr>
<td width="80" align="center" rowspan=2><b>Punkt<br />JZOT</b></td>
<td width="581" align="center" rowspan=2><b>Nazwa obiektu,<br />zakres prac</b></td>
<td align="center" colspan=3><b>Poziomy obsług</td></b>
</tr><tr>
<td width="25"align="center"><b>B</b></td>
<td width="25"align="center"><b>C</b></td>
<td width="25"align="center"><b>P</b></td>
</tr>
</table>
<table rules="cols" ALIGN="center" BORDER CELLSPACING=4>
<tr>
<td width="80" align="center"></td>
<td width="581" align="center"><br /></td>
<td width="29"align="center"></td>
<td width="29"align="center"></td>
<td width="29"align="center"></td>
</tr><tr>
<td width="80" align="center"></td>
<td width="581" align="center"><u>Czynności wstępne</u></td>
<td width="29"align="center"></td>
<td width="29"align="center"></td>
<td width="29"align="center"></td>
</tr><tr>
<td width="80" align="center"></td>
<td width="581">Przygotować do pracy:</td>
<td width="29"align="center"></td>
<td width="29"align="center"></td>
<td width="29"align="center"></td>
</tr>

w tej pierwszej wstawiłam "tytuły kolumn tabelki" a poniżej początek tabelki, w której bym chciała, żeby nie było limii poziomych
Go to the top of the page
+Quote Post
markonix
post
Post #9





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

Ostrzeżenie: (0%)
-----

No i wkleiłem i nie mam kresek poziomych pomiędzy kolejnymi wierszami - są tylko pionowe no i kreska kończąca ale to chyba ma być..

Jeśli wklejasz kod to korzystaj z bbcode (html).

Ten post edytował markonix 22.05.2011, 20:00:25


--------------------
eBizo.pl || Generator losowych haseł || Doładowania telefonów (VAT 23%), w tym płatność BITcoin || Zwiększ liczbę wejść na Twoją stronę
Go to the top of the page
+Quote Post
@ni@
post
Post #10





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 22.05.2011

Ostrzeżenie: (0%)
-----

tak ma być, tylko jak to otwieram za pomocą przeglądarki, to wtedy rozmiary tych dwóch tabelek nie są takie same sad.gif
Go to the top of the page
+Quote Post
markonix
post
Post #11





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

Ostrzeżenie: (0%)
-----

Ustal na sztywno szerokość za pomocą width np. 800px dla obu tabel. U mnie działa i wygląda dobrze (ale o kodzie nie można tego powiedzieć).


--------------------
eBizo.pl || Generator losowych haseł || Doładowania telefonów (VAT 23%), w tym płatność BITcoin || Zwiększ liczbę wejść na Twoją stronę
Go to the top of the page
+Quote Post
plej
post
Post #12





Grupa: Zarejestrowani
Postów: 264
Pomógł: 11
Dołączył: 9.05.2011
Skąd: Gdańsk

Ostrzeżenie: (10%)
X----

tu masz o tabelach wszystko: http://www.kurshtml.edu.pl/html/tabele.html
Go to the top of the page
+Quote Post
@ni@
post
Post #13





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 22.05.2011

Ostrzeżenie: (0%)
-----

wiem, że kod wygląda strasznie.. ale to był jedyny pomysł, jaki mi przyszedł do głowy.
Go to the top of the page
+Quote Post
markonix
post
Post #14





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

Ostrzeżenie: (0%)
-----

Pomijając sam pomysł. Np. nie musisz za każdym razem powtarzać szerokości komórek - tabela się dostroi.
No i jeśli to nie jest Twój pojedynczy projekt to CSS się przyda troszkę poduczyć.


--------------------
eBizo.pl || Generator losowych haseł || Doładowania telefonów (VAT 23%), w tym płatność BITcoin || Zwiększ liczbę wejść na Twoją stronę
Go to the top of the page
+Quote Post
@ni@
post
Post #15





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 22.05.2011

Ostrzeżenie: (0%)
-----

Cytat(plej @ 22.05.2011, 21:08:40 ) *
tu masz o tabelach wszystko: http://www.kurshtml.edu.pl/html/tabele.html


właśnie z tej strony starałam się dowiedzieć jak zrobić tabelkę, tylko właśnie znalazłam jak zrobić, żeby nie było linii poziomych, ale wtedy po nazwie kolumn też nie ma linii oddzielającej.



Cytat(markonix @ 22.05.2011, 21:12:36 ) *
Pomijając sam pomysł. Np. nie musisz za każdym razem powtarzać szerokości komórek - tabela się dostroi.
No i jeśli to nie jest Twój pojedynczy projekt to CSS się przyda troszkę poduczyć.



niestety, to jest tylko część.. czyli css mnie nie ominie.. sad.gif
wielkie dzięki
Go to the top of the page
+Quote Post
plej
post
Post #16





Grupa: Zarejestrowani
Postów: 264
Pomógł: 11
Dołączył: 9.05.2011
Skąd: Gdańsk

Ostrzeżenie: (10%)
X----

poszukaj sobie artykułów na googlach jakiśsmile.gif z czasem się nauczysz:) trenigd czyni mistrza:)
Go to the top of the page
+Quote Post
@ni@
post
Post #17





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 22.05.2011

Ostrzeżenie: (0%)
-----

wiem, wiem, z czasem się nauczę.. tylko z tym czasem nieco kiepsko. to ma być część mojej pracy magisterskiej i czas tak mi się nico kończy w okolicach 30 czerwca.. sad.gif

wielkie dzięki za pomoc
Go to the top of the page
+Quote Post
roobik
post
Post #18





Grupa: Zarejestrowani
Postów: 410
Pomógł: 5
Dołączył: 25.01.2005
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

cześć
Przygotowałem tak na szybko dwa kody. Może Ci się przyda. Pierwszy taki "skromny", a drugi "nieco lepszy" wink.gif
Celowo napisałem te kody w taki, a nie inny sposób, żebyś widziała o co chodzi w stylach.
TABELKA 1
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset="UTF-8">
  4. <title>STRONA TESTOWA</title>
  5. <style type="text/css">
  6. table.glowna {
  7. width: 800px; /*szerokosc*/
  8. border-bottom: 1px solid #c8c8c8; /*ramka dolna*/
  9. }
  10. td.a {
  11. width: 80px;
  12. text-align: center;
  13. }
  14. td.b {
  15. width: 581px;
  16. text-align: center;
  17. }
  18. td.cc {
  19. width:90px;
  20. text-align: center;
  21. }
  22.  
  23. td.c {
  24. width: 29px;
  25. text-align: center;
  26. }
  27.  
  28. </style>
  29. </head>
  30.  
  31. <body>
  32. <table class="glowna" align=center>
  33. <tr>
  34. <td class="a"><b>Punkt<br>JZOT</b></td>
  35. <td class="b"><b>Nazwa obiektu,<br>zakres prac</b></td>
  36. <td class="cc"><b>Poziomy obsług</b>
  37.  
  38.  <table style="width: 90px;">
  39.  <tr>
  40.  <td class="c"><b>B</b></td>
  41.  <td class="c"><b>C</b></td>
  42.  <td class="c"><b>P</b></td>
  43.  </tr>
  44.  </table>
  45.  
  46. </td>
  47. </tr>
  48. </table>
  49.  
  50. <table style="width: 800px;" align=center>
  51. <tr>
  52. <td class="a"></td>
  53. <td class="b"><u>Czynności wstępne</u></td>
  54. <td class="c"></td>
  55. <td class="c"></td>
  56. <td class="c"></td>
  57. </tr><tr>
  58. <td class="a"></td>
  59. <td class="b">Przygotować do pracy:</td>
  60. <td class="c"></td>
  61. <td class="c"></td>
  62. <td class="c"></td>
  63. </tr>
  64. </table>
  65. </body>
  66. </html>
[HTML] pobierz, plaintext


DRUGA TABELKA
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset="UTF-8">
  4. <title>STRONA TESTOWA</title>
  5. <style type="text/css">
  6. table.glowna {
  7. width: 800px; /*szerokosc*/
  8. border-bottom: 1px solid #c8c8c8; /*ramka dolna*/
  9. }
  10. td.a {
  11. width: 80px;
  12. text-align: center;
  13. }
  14. td.b {
  15. width: 581px;
  16. text-align: center;
  17. }
  18. td.cc {
  19. width:90px;
  20. text-align: center;
  21. }
  22.  
  23. td.c {
  24. width: 29px;
  25. text-align: center;
  26. }
  27.  
  28. </style>
  29. </head>
  30.  
  31. <body>
  32. <TABLE STYLE="BORDER: 1px solid #c8c8c8;" ALIGN=CENTER><TR><TD>
  33. <table class="glowna" align=center>
  34. <tr>
  35. <td class="a"><b>Punkt<br>JZOT</b></td>
  36. <td class="b"><b>Nazwa obiektu,<br>zakres prac</b></td>
  37. <td class="cc"><b>Poziomy obsług</b>
  38.  
  39.  <table style="width: 90px;">
  40.  <tr>
  41.  <td class="c"><b>B</b></td>
  42.  <td class="c"><b>C</b></td>
  43.  <td class="c"><b>P</b></td>
  44.  </tr>
  45.  </table>
  46.  
  47. </td>
  48. </tr>
  49. </table>
  50.  
  51. <table style="width: 800px; border-bottom: 1px solid #c8c8c8;" align=center>
  52. <tr>
  53. <td style="width: 581px; text-align: center;"><u>Czynności wstępne</u><br>Przygotować do pracy:</td>
  54. </tr>
  55. </table>
  56.  
  57.  
  58. <table style="width: 800px;" align=center>
  59. <tr>
  60. <td style="width: 80px; height: 50px; text-align:center; border-bottom: 1px solid #c8c8c8;">1</td>
  61. <td style="width: 581px; height: 50px; text-align:center; border-left: 1px solid #c8c8c8; border-bottom: 1px solid 
  63. #c8c8c8;">123</td>
  64. <td style="width: 29px; height: 50px; text-align:center; border-bottom: 1px solid #c8c8c8;">2</td>
  65. <td style="width: 29px; height: 50px; text-align:center; border-left: 1px solid #c8c8c8; border-right: 1px solid 
  67. #c8c8c8; border-bottom: 1px solid #c8c8c8;">3</td>
  68. <td style="width: 29px; height: 50px; text-align:center; border-bottom: 1px solid #c8c8c8;">4</td>
  69. </tr>
  70. <tr>
  71. <td style="width: 80px; height: 50px; text-align:center; border-bottom: 1px solid #c8c8c8;">2</td>
  72. <td style="width: 581px; height: 50px; text-align:center; border-left: 1px solid #c8c8c8; border-bottom: 1px solid 
  74. #c8c8c8;">567</td>
  75. <td style="width: 29px; height: 50px; text-align:center; border-bottom: 1px solid #c8c8c8;">7</td>
  76. <td style="width: 29px; height: 50px; text-align:center; border-left: 1px solid #c8c8c8; border-right: 1px solid 
  78. #c8c8c8; border-bottom: 1px solid #c8c8c8;">8</td>
  79. <td style="width: 29px; height: 50px; text-align:center; border-bottom: 1px solid #c8c8c8;">9</td>
  80. </tr>
  81. </table>
  82.  
  83. </TD></TR></TABLE>
  84. </body>
  85. </html>
[HTML] pobierz, plaintext

Jakby co - wal na priv - pomogę smile.gif
Go to the top of the page
+Quote Post
@ni@
post
Post #19





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 22.05.2011

Ostrzeżenie: (0%)
-----

ślicznie dziękuję
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 02:52
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn