table و يه مشكل كوچيك

SOLO

Member
سلام به همه
آقا من دارم يه table طراحي ميكنم و به مشكل خوردم . البته به خاطر تازه كار بودنمه ولي مشكلم اينه كه :
من يه table دارم كه 3 تا سلول داره يعني 3 تا td
به شكل زير نگاه كنيد :

کد:
<table>
	<tr>
		<td>
			...
		</td>

		<td>
	   		 ميخوام اين سلول وسطي رو دوباره جدولبندي کنم 
		</td>

		<td>
			...
		</td>

	<tr>
<table>

ميخوام سلول وسطي رو دوباره داخلش رو يه جدول بذارم .چي كار كنم؟
 

saman_sweden

Active Member
فكر كنم اين مشكل شما را برطرف كنه
دوتا table است يكي عمودي و ديگري افقي
هر كدام مورد نياز باشد استفاده كنيد
کد:
<table border="2" align="center"  cellpadding="0" cellspacing="0" bgcolor="#CCFF66">
 <tbody>
   <tr>
      <td> 
      left
      </td> 
      <td> 
           <table border="1">
<tr>
<td>11</td>
<td>12</td>
</tr>
</table>
      </td> 

      <td> 
         right
      </td> 
</tr>
</tbody>
</table>
<table border="2" align="center"  cellpadding="0" cellspacing="0" bgcolor="#CCFF66">
 
<tbody>
  <tr> 
      <td> 
        left 
      </td> 

      <td> 
         <table border="1">
		 <tr><td>21</td></tr>
		  <tr><td>22</td></tr>
		 </table>
      </td> 

      <td> 
        right 
      </td> 

   <tr>

</tbody></table>
 

SOLO

Member
سامان جان سلام
راستش اين كدي كه دادي يه ذره پيچيده به نظر مياد ( البته براي من كه تازه كارم)
ببين بذار مشكلم رو در قالب يه مثال كوچيكتر بگم

مثلا من يه مستطيل دارم كه عرضش 200 پيكسله حالا مي خوام اينو نصف كنم و نصفه بالا 2 تا سلول به عرض 100 و نصفه پايين يه سلول به عرض 200 باشه .

منطقش به شكل زيره فقط نميدونم چرا يه جاي قضيه ميلنگه
کد:
<table width="200" cellpadding="0" cellspacing="0">
		<tr>
			<td width="100" bgcolor="olive">
				سلول اول از سطر اول	
			</td>
			<td width="100" bgcolor="Olive">
				سلول دوم از سطر اول	
			</td>		
		</tr>	
		<tr>
			<td width="200">
				سلول اول از سطر دوم	
			</td>
		</tr>
</table>
 

saman_sweden

Active Member
SOLO گفت:
سامان جان سلام
راستش اين كدي كه دادي يه ذره پيچيده به نظر مياد ( البته براي من كه تازه كارم)
ببين بذار مشكلم رو در قالب يه مثال كوچيكتر بگم

......
[/code]

من اون مثال دو دوتا جداگانه مينويسم كه قابل فهم باشد در هر حال عين اون كد شماست

کد:
<table border="2" align="center"  cellpadding="0" cellspacing="0" bgcolor="#CCFF66"> 
 <tbody> 
   <tr> 
      <td> 
      left 
      </td> 
      <td> 
           <table border="1"> 
<tr> 
<td>11</td> 
<td>12</td> 
</tr> 
</table> 
      </td> 

      <td> 
         right 
      </td> 
</tr> 
</tbody> 
</table>

مثال دوم


کد:
<table border="2" align="center"  cellpadding="0" cellspacing="0" bgcolor="#CCFF66"> 
  
<tbody> 
  <tr> 
      <td> 
        left 
      </td> 

      <td> 
         <table border="1"> 
       <tr><td>21</td></tr> 
        <tr><td>22</td></tr> 
       </table> 
      </td> 

      <td> 
        right 
      </td> 

   <tr> 

</tbody></table>
 

saman_sweden

Active Member
SOLO گفت:
سامان جان سلام
راستش اين كدي كه دادي يه ذره پيچيده به نظر مياد ( البته براي من كه تازه كارم)
ببين بذار مشكلم رو در قالب يه مثال كوچيكتر بگم

مثلا من يه مستطيل دارم كه عرضش 200 پيكسله حالا مي خوام اينو نصف كنم و نصفه بالا 2 تا سلول به عرض 100 و نصفه پايين يه سلول به عرض 200 باشه .

منطقش به شكل زيره فقط نميدونم چرا يه جاي قضيه ميلنگه
کد:
<table width="200" cellpadding="0" cellspacing="0">
		<tr>
			<td width="100" bgcolor="olive">
				سلول اول از سطر اول	
			</td>
			<td width="100" bgcolor="Olive">
				سلول دوم از سطر اول	
			</td>		
		</tr>	
		<tr>
			<td width="200">
				سلول اول از سطر دوم	
			</td>
		</tr>
</table>

اينم مثال خود شماست يهمقداري بسط دادم
کد:
<table width="200"  border="2 "cellpadding="0" cellspacing="0"> 
      <tr> 
	  <td><table><tr>
	   <td width="100" bgcolor="olive" align="center"> 
         سلول اول از سطر اول
         </td> 
         <td width="100" bgcolor="blue" align="center"> 
         سلول دوم از سطر اول
         </td>     
	  </tr></table></td>
          
      </tr>    
      <tr> 
         <td width="200"  bgcolor="#66FF33" align="center"> 
         سلول اول از سطر دوم
         </td> 
      </tr> 
</table>
 

SOLO

Member
حل شد و دوزاريم هم افتاد. :wink: سامان جان يه دنيا ممنون.
 

amirnezhad

Member
SOLO گفت:
سامان جان سلام
راستش اين كدي كه دادي يه ذره پيچيده به نظر مياد ( البته براي من كه تازه كارم)
ببين بذار مشكلم رو در قالب يه مثال كوچيكتر بگم

مثلا من يه مستطيل دارم كه عرضش 200 پيكسله حالا مي خوام اينو نصف كنم و نصفه بالا 2 تا سلول به عرض 100 و نصفه پايين يه سلول به عرض 200 باشه .

منطقش به شكل زيره فقط نميدونم چرا يه جاي قضيه ميلنگه
کد:
<table width="200" cellpadding="0" cellspacing="0">
		<tr>
			<td width="100" bgcolor="olive">
				سلول اول از سطر اول	
			</td>
			<td width="100" bgcolor="Olive">
				سلول دوم از سطر اول	
			</td>		
		</tr>	
		<tr>
			<td width="200">
				سلول اول از سطر دوم	
			</td>
		</tr>
</table>

دوست عزيز اين مشكل با يه روش راحت تر هم حل ميشه!
به اين كد دقت كن خودت همه چيز دستت مي آد ...
مشكلي بود ما در خدمتيم ...
کد:
<table width="200" cellpadding="0" cellspacing="0"> 
      <tr> 
         <td width="100" bgcolor="olive"> 
            ???? ??? ?? ??? ???    
         </td> 
         <td width="100" bgcolor="Olive"> 
            ???? ??? ?? ??? ???    
         </td>       
      </tr>    
      <tr> 
         <td width="200" colspan="2" bgcolor="#0000ff"> 
            ???? ??? ?? ??? ???    
         </td> 
      </tr> 
</table>
 

saman_sweden

Active Member
آقاي amirnezhad پاسخ شما مشكل دوستمون را برطرف نمي كنه
اين دوستمون ميخواهند يه جدول يه خطي باشه و تابل سمت راست و تابل سمت چت يه تابل باشه و تابل وسطي دوتا تابل
اين موضوع غير اط جدول در جدول راه ديگري ندارد
اوني كه شما ارايه كرده ايد جدول دوخطي ميكنه تابل سمن زاست و تابل وسط در بالا قرار ميگيره . تابل سمت راست اتومات به حط 2 ميپره
 

amirnezhad

Member
saman_sweden گفت:
آقاي amirnezhad پاسخ شما مشكل دوستمون را برطرف نمي كنه
اين دوستمون ميخواهند يه جدول يه خطي باشه و تابل سمت راست و تابل سمت چت يه تابل باشه و تابل وسطي دوتا تابل
اين موضوع غير اط جدول در جدول راه ديگري ندارد
اوني كه شما ارايه كرده ايد جدول دوخطي ميكنه تابل سمن زاست و تابل وسط در بالا قرار ميگيره . تابل سمت راست اتومات به حط 2 ميپره

ولي خروجي كدهاي شما با كدي كه من نوشتم دقيقا يكي است؟ :?:
 

جدیدترین ارسال ها

بالا