Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
 
 Start new topic
Odpowiedzi
roobik
post
Post #2





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" (IMG:style_emoticons/default/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ę (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Posty w temacie
- @ni@   [HTML]PROBLEM Z TABELKĄ   22.05.2011, 19:13:19
- - plej   www.kurshtml.bo.pl Najlepszy kurs w necie:)   22.05.2011, 19:16:08
- - @ni@   jak wpisałam ten adres to wyskoczyła biała strona ...   22.05.2011, 19:20:11
- - boro11   Użyj do tego celu CSS, masz tam możliwości stylowa...   22.05.2011, 19:21:05
- - @ni@   tylko taki mały problem jest, że totalnie nie wiem...   22.05.2011, 19:47:28
- - markonix   Pokaż jaki masz już kod. Pokaż też (screen) efekt ...   22.05.2011, 19:50:34
- - plej   http://www.kurshtml.edu.pl/ masz to ten link sry...   22.05.2011, 19:52:51
- - @ni@   to jest początek tabelek <table align="c...   22.05.2011, 19:55:29
- - markonix   No i wkleiłem i nie mam kresek poziomych pomiędzy ...   22.05.2011, 19:59:11
- - @ni@   tak ma być, tylko jak to otwieram za pomocą przegl...   22.05.2011, 20:01:47
- - markonix   Ustal na sztywno szerokość za pomocą width np. 800...   22.05.2011, 20:05:01
- - plej   tu masz o tabelach wszystko: http://www.kurshtml.e...   22.05.2011, 20:08:40
|- - @ni@   Cytat(plej @ 22.05.2011, 21:08:40 ) t...   22.05.2011, 20:13:58
- - @ni@   wiem, że kod wygląda strasznie.. ale to był jedyny...   22.05.2011, 20:10:15
- - markonix   Pomijając sam pomysł. Np. nie musisz za każdym raz...   22.05.2011, 20:12:36
- - plej   poszukaj sobie artykułów na googlach jakiś z czase...   22.05.2011, 20:24:56
- - @ni@   wiem, wiem, z czasem się nauczę.. tylko z tym czas...   22.05.2011, 20:33:27
- - roobik   cześć Przygotowałem tak na szybko dwa kody. Może C...   23.05.2011, 00:44:10
- - @ni@   ślicznie dziękuję   23.05.2011, 20:25:26

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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