Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Likwidacja odstępów miedzy komórkami <table>
Forum PHP.pl > Forum > Po stronie przeglądarki
gothye
25.02.2010, 10:47:35
Witam

jak mogę usunąć przerwy miedzy komórkami w tabeli ? 

o to link do foto : http://www.fotosik.pl/pokaz_obrazek/fc686049160228ec.html

i html :

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <head>
  5. 	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6. 	<meta name="author" content="">
  7.  
  8. 	<title>Protokuł</title>
  9. </head>
  10. <style>
  11. body
  12. {
  13. 	font-family: Arial;
  14. 	font-size: 11px;
  15. 	padding: 0px;
  16. 	margin : 0px ;
  17. }
  18. table
  19. {
  20.  
  21. }
  22.  
  23. td
  24. {
  25. 	border: 1px solid;
  26. 	height: 20px;
  27. }
  28. </style>
  29. <body>
  30. <center>
  31. <table width="900px">
  32. 	<tr><td style='border:0'>Zlecenie sewisowe NR.</td></tr>
  33. 	<tr>
  34. 		<td style='border:0'>
  35. 			<table style='width:100%'>
  36. 				<tr>
  37. 					<td style='text-align:left;width:30px;padding-left:5px'>Technik </td>
  38. 					<td style='text-align:center;width:500px'>Imię i Nazwisko</td>
  39. 					<td style='text-align:center;width:100px'>Urządzenie</td>	
  40. 					<td rowspan="6" colspan='2' style='vertical-align:top'>
  41. 					<table style='width:100%'>
  42. 						<tr><td colspan=2 style='text-align:center;padding-left:10px'>Naprawa</td></tr>
  43. 						<tr><td style='width:100px;'></td><td style='text-align:center;padding-left:10px'>Gwarancyjna</td></tr>
  44. 						<tr><td></td><td style='text-align:center;padding-left:10px'>Pogwarancyjna</td></tr>
  45. 						<tr><td></td><td style='text-align:center;padding-left:10px'>Umowa</td></tr>
  46. 						<tr style='height:100%'>
  47. 							<td colspan=2 >Serwis PLO/RS</td>
  48. 						</tr>
  49. 					</table>
  50. 					</td>			
  51. 				</tr>
  52. 				<tr>
  53. 					<td style='text-align:left;padding-left:5px'>Zlecający </td>
  54. 					<td></td>
  55. 					<td></td>
  56. 				</tr>
  57. 				<tr>
  58. 					<td style='text-align:left;padding-left:5px'>Nazwa</td>
  59. 					<td></td>
  60. 					<td>Model</td>					
  61. 				</tr>
  62. 				<tr>
  63. 					<td style='text-align:left;padding-left:5px'>Adres</td>
  64. 					<td></td>
  65. 					<td></td>					
  66. 				</tr>
  67. 				<tr>
  68. 					<td style='text-align:left;padding-left:5px'>NIP</td>
  69. 					<td></td>
  70. 					<td>Nr. Seryjny</td>					
  71. 				</tr>
  72. 				<tr>
  73. 					<td style='text-align:left;padding-left:5px'>Telefon</td>
  74. 					<td></td>
  75. 					<td></td>					
  76. 				</tr>	
  77. 				<tr>
  78. 					<td style='text-align:left;padding-left:5px'>Kilometry</td>
  79. 					<td></td>
  80. 					<td>0.82/km</td>
  81. 					<td style='width:100px;'>Zlecone</td>	
  82. 					<td></td>				
  83. 				</tr>														
  84. 				<tr>
  85. 					<td style='text-align:left;padding-left:5px'>Kontakt</td>
  86. 					<td></td>
  87. 					<td></td>
  88. 					<td>Wykonane</td>
  89. 					<td></td>					
  90. 				</tr>					
  91. 			</table>
  92. 		</td>
  93. 	</tr>
  94.  
  95. 	<tr>
  96. 		<td style='border:0'><br>
  97. 		<table style='width:100%'>
  98. 			<tr>
  99. 				<th style='width:20px'>Lp.</th>
  100. 				<th style='width:300px'>Nazwa towaru / usługi</th>
  101. 				<th>Cena brutto</th>
  102. 				<th>Ilość / szt</th>
  103. 				<th>Wartość brutto</th>
  104. 			</tr>
  105. 			<?php
  106. 				for($x=1;$x<4;$x++)
  107. 					echo "<tr>
  108. 							<td>$x</td>
  109. 							<td></td>
  110. 							<td></td>
  111. 							<td></td>
  112. 							<td></td>
  113. 						</tr>" ;
  114. 			?>
  115. 			<tr>
  116. 				<td colspan='3' style='border:0'></td>
  117. 				<td style='text-align:right;'>Razem : </td>
  118. 				<td style='text-align:center;'>00.00</td>
  119. 			</tr>			
  120. 			<tr>
  121. 				<td colspan='3' style='border:0'></td>
  122. 				<td style='text-align:right;'>Suma Brutto : </td>
  123. 				<td style='text-align:center;'>00.00</td>
  124. 			</tr>
  125. 			<tr><th colspan=5>Dokument stanowi potwierdzenie odbioru towaru i usługi bez zastrzeżeń</th></tr>
  126. 			<tr>
  127. 				<td colspan=3 style='text-align:right;padding-right:10px'>Numer dokumentu sprzedaży / WZ / FVS</td>
  128. 				<td colspan=2 style='text-align:center'> FV200/222/22</td>
  129. 			</tr>
  130. 			<tr>
  131. 				<td colspan=3 style='text-align:right;padding-right:10px;border:0'></td>
  132. 				<td>a</td>
  133. 				<td>a</td>
  134. 			</tr>
  135. 			<tr>
  136. 				<td colspan=3 style='text-align:right;padding-right:5px'> Forma płatności :  </td>
  137. 				<td></td>
  138. 				<td></td>
  139. 			</tr>	
  140.  
  141. 			<tr><th colspan=5>Oświadczenie</th></tr>	
  142. 			<tr><td colspan=5 style='border:0px;font-size:11px'>Niniejszy dokument jest podstawą do wystwienia faktury VAT.</td></tr>			
  143. 		</table>		
  144. 	</td></tr>
  145. 	<tr>
  146. 		<td style='border:0'><br>
  147. 			<table style='width:100%;' >
  148. 				<tr>
  149. 					<th style='width:50%;text-align:left;padding-left:5px'>Podpis Serwisanta : </th>
  150. 					<th style='width:50%'>Podpis osoby upoważnionej / zleceniodawcy</th>
  151. 				</tr>
  152. 				<tr style='height:50px'>
  153. 					<td></td>
  154. 					<td></td>
  155. 				</tr>
  156. 			</table>
  157. 		</td>
  158. 	</tr>
  159.  
  160. 	<tr>
  161. 		<td style='border:0'><br>
  162. 			<table style='width:100%;' >
  163. 				<tr>
  164. 					<th style='width:50%;text-align:left;padding-left:5px;font-size:14px'>Zalecenia serwisu : </th>
  165. 					<th style='width:50%;font-size:10px'>Poniższe koszty dodane zostaną do usług i towarów powyżej wymienionych i wycenionych</th>
  166. 				</tr>		
  167. 			</table>		
  168. 		</td>
  169. 	</tr>
  170.  
  171. 	<tr>
  172. 		<td style='border:0'>
  173. 			<table style='width:100%;'>
  174. 				<tr>
  175. 					<th style='width:20px;'>Lp.</th>
  176. 					<th style='width:500px;'>Opis</th>
  177. 					<th>Nazwa towaru</th>
  178. 					<th>Ilość</th>
  179. 					<th>Cena brutto</th>
  180. 				</tr>
  181. 				<tr>
  182. 					<td>1</td>
  183. 					<td></td>
  184. 					<td></td>
  185. 					<td></td>
  186. 					<td></td>
  187. 				</tr>
  188. 				<tr><th colspan='5'>Wyrażam zgodę - zamawiam usługi zgodnie z zaleceniami serwisu</th></tr>
  189. 				<tr style='height:60px;vertical-align:bottom'><td colspan='3' style='border:0px'></td><td colspan='2'>Podpis</td></tr>
  190. 			</table>
  191. 		</td>
  192. 	</tr>
  193. </table>
  194.  
  195. </body>
  196. </html>
[HTML] pobierz, plaintext



nospor
25.02.2010, 10:52:10
http://www.kurshtml.boo.pl/html/table,html.html
CELLSPACING
gothye
25.02.2010, 11:00:29
dzieki o to chodziło 

tylko pojawił sie kolejny problem ,linie border wewnątrz tabeli nałożyły sie przez co są 2x grubsze ,można to za pomocą css ujednolicić bez definiowania dla każdej komórki osobno ?

icetique
25.02.2010, 11:31:21
http://www.w3schools.com/Css/pr_tab_border-collapse.asp
gothye
25.02.2010, 11:39:46
dziekuje pomogło smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.