Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] problem z tabelka
Forum PHP.pl > Forum > Przedszkole
right6
10.03.2006, 20:30:53
problem z tabelka

Kod
<table>
<tr>
<td style="width:20%"></td>
<td></td>
</tr>
<tr>
<td style="width:30%"></td>
<td></td>
</tr>
</table>

i jak zrobic zeby pierwsza komorka, w pierwszym wierszu miala szer. 20%
a pierwsza okmorka w drugim wierszu np 30% questionmark.gif
w/w kodz niedziala ;/
mike
10.03.2006, 20:32:02
Nie da się.
Kolumna bedzie miała szerokość zawsze szerokość najszerszej komórki w kolumnie.
right6
10.03.2006, 20:39:58
da sie tongue.gif 
[HTML] pobierz, plaintext 
  1. <html>
  2. <body >
  3.  
  4. <div class=Section1>
  5.  
  6. <table class=MsoNormalTable border=1 cellspacing=0 cellpadding=0 align=left
  7.  style='border-collapse:collapse;border:none;margin-left:4.8pt;margin-right:
  8.  4.8pt'>
  9.  <tr style='height:86.25pt'>
  10.   <td width=202 valign=top style='width:151.5pt;border:solid windowtext 1.0pt;
  11.   padding:0cm 3.5pt 0cm 3.5pt;height:86.25pt'>
  12.   <p class=MsoNormal>&nbsp;</p>
  13.   </td>
  14.   <td width=254 colspan=2 valign=top style='width:190.5pt;border:solid windowtext 1.0pt;
  15.   border-left:none;padding:0cm 3.5pt 0cm 3.5pt;height:86.25pt'>
  16.   <p class=MsoNormal>&nbsp;</p>
  17.   </td>
  18.  </tr>
  19.  <tr style='height:156.0pt'>
  20.   <td width=298 colspan=2 valign=top style='width:223.5pt;border:solid windowtext 1.0pt;
  21.   border-top:none;padding:0cm 3.5pt 0cm 3.5pt;height:156.0pt'>
  22.   <p class=MsoNormal>&nbsp;</p>
  23.   </td>
  24.   <td width=158 valign=top style='width:118.5pt;border-top:none;border-left:
  25.   none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  26.   padding:0cm 3.5pt 0cm 3.5pt;height:156.0pt'>
  27.   <p class=MsoNormal>&nbsp;</p>
  28.   </td>
  29.  </tr>
  30.  <tr height=0>
  31.   <td width=202 style='border:none'></td>
  32.   <td width=96 style='border:none'></td>
  33.   <td width=158 style='border:none'></td>
  34.  </tr>
  35. </table>
  36.  
  37. <p class=MsoNormal>&nbsp;</p>
  38.  
  39. </div>
  40.  
  41. </body>
  42.  
  43. </html>
[HTML] pobierz, plaintext


tylko jak to jest zrobione blink.gif, jak to powtorzyc dla innych tabel ... jaka tu jest prawidlowosc ... tiredsmiley.gif
revyag
10.03.2006, 20:55:47
To nie jest to samo. Tutaj komórki dostosowują się rozmiaru dolnego wiersza który ma trzy komórki.
mike
10.03.2006, 21:08:58
Boże chroń od:
1. Wojny;
2. Zarazy;
3. Takiego kodu jak pokazałeś.

Ja proponuję tak:
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. div#container {
  3.     width: 300px;
  4.     height: 300px;
  5. }
  6.  
  7. div.cell {
  8.     border: #000 solid 1px;
  9.     border-bottom: 0;
  10.     border-right: 0;
  11. }
  12.  
  13. div#cell11 {
  14.     width: 30%;
  15.     height: 50%;
  16.     float: left;
  17. }
  18.  
  19. div#cell12 {
  20.     width: 69%;
  21.     /width: 70%; /* IE Hack */
  22.     height: 50%;
  23.     border-right: #000 solid 1px;
  24.     float: right;
  25. }
  26.  
  27. div#cell21 {
  28.     width: 20%;
  29.     height: 50%;
  30.     border-bottom: #000 solid 1px;
  31.     float: left;
  32. }
  33.  
  34. div#cell22 {
  35.     width: 79%;
  36.     /width: 80%; /* IE Hack */
  37.     height: 50%;
  38.     border-right: #000 solid 1px;
  39.     border-bottom: #000 solid 1px;
  40.     float: right;
  41. }
  42. </style>
  43.  
  44. <div id="container">
  45.   <div id="cell11" class="cell"></div>
  46.   <div id="cell12" class="cell"></div>
  47.   <div id="cell21" class="cell"></div>
  48.   <div id="cell22" class="cell"></div>
  49. </div>
[HTML] pobierz, plaintext
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.