ugrás a tartalomhoz

Table align?

ayoox · 2007. Május. 25. (P), 16.24
Sziasztok,

Az a kérdésem lenne, hogy hogyan lehetséges table-ket mozgatni egy másik table-en vagy td-n belül? Eddig úgy csináltam hogy láthatatlan és üres table-ekkel tologattam őket a kívánt irányba, de ez sajnos nem működik mindig és fogalmam sincs hogy miért nem. Egy oldal két verziójában használtam ezt a módszert és az egyikben megy a másikban nem. Mindenesetre nem tudom hogy a profik milyen módszert használnak erre, de lehet hogy ti igen.
Konkrétan azt akarom hogy a baloldalon található menüsorom ne az egész table közepén legyen hanem mindig a legtetején, de erre semmiféle külön taget nem találtam eddig.

Válaszaitokat előre is köszönöm.

Ha érthetetlenül fogalmaztam volna, itt van egy szemléltető példa:

<table height=400 width=600 border=3 bordercolor=#000000><tr>
<td width=20% border=3 bordercolor=#000000><table>
<td border=3 bordercolor=#000000 align=center><table><tr><td><table border=1 bordercolor=#000000><tr><td><table align=center><tr><td>
Menü 1</td></tr></table></td></tr><tr><td><table><tr><td></td><td>
<a href="">Menüpont 1</a></td></tr></table></td></tr><tr><td><table>
<tr><td></td><td><a href="">Menüpont 2</a></td></tr></table></td></tr>
</table></td></tr></table><table><tr><td><table border=1 bordercolor=#000000><tr><td><table align=center><tr><td>Menü 2</td></tr>
</table></td></tr><tr><td><table><tr><td></td><td><a href="">Menüpont 1
</a></td></tr></table></td></tr><tr><td><table><tr><td></td><td><a href="">
Menüpont 2</a></td></tr></table></td></tr></table></td></tr></table></td>
</table></td>
<td width=80% border=3 bordercolor=#000000 valign=top align=center>Szóval a baloldalt látható menütömböket<br>hogyan lehetne felülre vinni, ahogy ezt a szöveget valign=top-al?
</td></tr><table>
‹ CSS probléma XMLHttpRequest div.style.visible Firefox ›
 ■
1

Igen valign="top"

randomly · 2007. Május. 26. (Szo), 07.04
Szia!

Igen valign="top" annak a TD-nek amelyikben felfelé szeretnéd.

rand
  1. <table border="3" bordercolor="#000000" height="400"  
  2.  width="600">  
  3.   <tbody>  
  4.     <tr>  
  5.       <td border="3" bordercolor="#000000" valign="top"  
  6.  width="20%">  
  7.       <table>  
  8.         <tbody>  
  9.           <tr>  
  10.             <td border="3" bordercolor="#000000"  
  11.  align="center">  
  12.             <table>  
  13.               <tbody>  
  14.                 <tr>  
  15.                   <td>  
  16.                   <table border="1" bordercolor="#000000">  
  17.                     <tbody>  
  18.                       <tr>  
  19.                         <td>  
  20.                         <table align="center">  
  21.                           <tbody>  
  22.                             <tr>  
  23.                               <td>Menü 1</td>  
  24.                             </tr>  
  25.                           </tbody>  
  26.                         </table>  
  27.                         </td>  
  28.                       </tr>  
  29.                       <tr>  
  30.                         <td>  
  31.                         <table>  
  32.                           <tbody>  
  33.                             <tr>  
  34.                               <td></td>  
  35.                               <td><a href="">Menüpont  
  36. 1</a></td>  
  37.                             </tr>  
  38.                           </tbody>  
  39.                         </table>  
  40.                         </td>  
  41.                       </tr>  
  42.                       <tr>  
  43.                         <td>  
  44.                         <table>  
  45.                           <tbody>  
  46.                             <tr>  
  47.                               <td></td>  
  48.                               <td><a href="">Menüpont  
  49. 2</a></td>  
  50.                             </tr>  
  51.                           </tbody>  
  52.                         </table>  
  53.                         </td>  
  54.                       </tr>  
  55.                     </tbody>  
  56.                   </table>  
  57.                   </td>  
  58.                 </tr>  
  59.               </tbody>  
  60.             </table>  
  61.             <table>  
  62.               <tbody>  
  63.                 <tr>  
  64.                   <td>  
  65.                   <table border="1" bordercolor="#000000">  
  66.                     <tbody>  
  67.                       <tr>  
  68.                         <td>  
  69.                         <table align="center">  
  70.                           <tbody>  
  71.                             <tr>  
  72.                               <td>Menü 2</td>  
  73.                             </tr>  
  74.                           </tbody>  
  75.                         </table>  
  76.                         </td>  
  77.                       </tr>  
  78.                       <tr>  
  79.                         <td>  
  80.                         <table>  
  81.                           <tbody>  
  82.                             <tr>  
  83.                               <td></td>  
  84.                               <td><a href="">Menüpont  
  85. 1  
  86.                               </a></td>  
  87.                             </tr>  
  88.                           </tbody>  
  89.                         </table>  
  90.                         </td>  
  91.                       </tr>  
  92.                       <tr>  
  93.                         <td>  
  94.                         <table>  
  95.                           <tbody>  
  96.                             <tr>  
  97.                               <td></td>  
  98.                               <td><a href="">Menüpont  
  99. 2</a></td>  
  100.                             </tr>  
  101.                           </tbody>  
  102.                         </table>  
  103.                         </td>  
  104.                       </tr>  
  105.                     </tbody>  
  106.                   </table>  
  107.                   </td>  
  108.                 </tr>  
  109.               </tbody>  
  110.             </table>  
  111.             </td>  
  112.           </tr>  
  113.         </tbody>  
  114.       </table>  
  115.       </td>  
  116.       <td border="3" bordercolor="#000000"  
  117.  align="center" valign="top" width="80%">Szóval  
  118. a baloldalt látható menütömböket<br>  
  119. hogyan lehetne felülre vinni, ahogy ezt a szöveget valign=top-al?  
  120.       </td>  
  121.     </tr>  
  122.   </tbody>  
  123. </table>  
  124. <table>  
2

Anyám....

janoszen · 2007. Május. 26. (Szo), 10.29
Te atya úr Isten... Az ilyen kódok láttára a hideg fut végig rajtam, de jó hogy már CSS-sel tologatom a dolgokat...

Hány táblázat is ágyazódott itt hirtelen egymásba?
3

Felesleges tablak

zmb · 2007. Május. 26. (Szo), 10.47
Ha az ember tablakat akar hasznalni, hat hasznaljon, szive joga. De egy valamire keresem a valaszt: minek kell hatvan tablat egymasba gyurni, amikor azt meg lehet oldani egy szintu beagyazassal?
4

nagyon off

ksgy · 2007. Május. 27. (V), 00.23
ha a monitor moge fokuszalsz, hogy kicsit osszefollyon a szoveg, es ugy gorgeted a forrast, tok szep sorminta lesz belole ;))
5

Persze kevesebb tábla is elég lehet ...

randomly · 2007. Május. 27. (V), 07.11
  1. <table border="3" bordercolor="#000000" height="400" width="600">  
  2.   <tbody>  
  3.     <tr>  
  4.       <td border="3" bordercolor="#000000" valign="top" width="20%">  
  5.       <table border="0" width="100%">  
  6.         <tbody>  
  7.           <tr>  
  8.             <td>Menü 1</td>  
  9.           </tr>  
  10.           <tr>  
  11.             <td>Menüpont 1/1</td>  
  12.           </tr>  
  13.           <tr>  
  14.             <td>Menüpont 1/2</td>  
  15.           </tr>  
  16.           <tr>  
  17.             <td>Menü 2</td>  
  18.           </tr>  
  19.           <tr>  
  20.             <td>Menüpont 2/1</td>  
  21.           </tr>  
  22.           <tr>  
  23.             <td>Menüpont 2/2</td>  
  24.           </tr>  
  25.         </tbody>  
  26.       </table>  
  27.       </td>  
  28.       <td border="3" bordercolor="#000000" width="80%">Szóval a baloldalt látható menütömböket<br>  
  29. hogyan lehetne felülre vinni, ahogy ezt a szöveget valign=top-al?<br>  
  30.       </td>  
  31.     </tr>  
  32.   </tbody>  
  33. </table>