Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML] problem z tabelka
right6
post 10.03.2006, 20:30:53
Post #1





Grupa: Zablokowani
Postów: 206
Pomógł: 0
Dołączył: 9.03.2006

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

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 ;/


--------------------
To ja invx sie nazywam ... przepraszam i dziekuje ...
Go to the top of the page
+Quote Post
mike
post 10.03.2006, 20:32:02
Post #2





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Nie da się.
Kolumna bedzie miała szerokość zawsze szerokość najszerszej komórki w kolumnie.
Go to the top of the page
+Quote Post
right6
post 10.03.2006, 20:39:58
Post #3





Grupa: Zablokowani
Postów: 206
Pomógł: 0
Dołączył: 9.03.2006

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

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

Ten post edytował right6 10.03.2006, 20:40:44


--------------------
To ja invx sie nazywam ... przepraszam i dziekuje ...
Go to the top of the page
+Quote Post
revyag
post 10.03.2006, 20:55:47
Post #4





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

To nie jest to samo. Tutaj komórki dostosowują się rozmiaru dolnego wiersza który ma trzy komórki.


--------------------
-------------

------
Go to the top of the page
+Quote Post
mike
post 10.03.2006, 21:08:58
Post #5





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

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
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 Wersja Lo-Fi Aktualny czas: 19.07.2025 - 17:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn