کجاش غلطه؟

MG007 · 3 جولای 2013

سلام،دوستان من میخواستم با زبان HTML جدول زیر رو طراحی کنم.

با کد زیر نوشتم
ml>
<head>
<title> Test page </title>
</head>
<body>
<Table width="100%" height="100%" border="2" bordercolor="blue" idtable="table 1">
<tr>
<td rowspan="2" align="center" > Cell1
<table border="2" height="40%" width="40%" idtable="table 2">
<tr>
<td bgcolor="pink"> cell inside 1 </td>
<td bgcolor="pink"> cell inside 1 </td>
</tr>
<tr>
<td bgcolor="pink"> cell inside 1 </td>
<td bgcolor="pink"> cell inside 1 </td>
</table>
</td>
</tr>
<tr>
<td> cell </td> <td> cell </td>
</tr>
</table>
</body>
</HTML>
ولی در نهایت نتیجه کار این شد.

حالا میخواستم بدونم که چجوری کد رو ویرایش کنم که دو تا سلول در سمت راست صفحه به جای اینکه روی هم باشند بغل هم باشند یعنی مثل شکل اول

k-boy · 3 جولای 2013

ستون td و ردیف tr

کد:

<tr>
   <td></td>
</tr>
<tr>
   <td></td>
</tr>

کد بالا میشه 2 تا ردیف که هرکدوم 1 ستون دارن.
کد شما اینه

کد:

<tr>
   <td></td>
   <td></td>
</tr>

که میشه یک ردیف با 2 ستون.
در ضمن تو کدای شما یک تگ table باز شده و دوتا تگ table بسته شده!

MG007 · 3 جولای 2013

به نقل از k-boy :
ستون td و ردیف tr

کد:

<tr> <td></td> </tr> <tr> <td></td> </tr>

کد بالا میشه 2 تا ردیف که هرکدوم 1 ستون دارن.
کد شما اینه

کد:

<tr> <td></td> <td></td> </tr>

که میشه یک ردیف با 2 ستون.
در ضمن تو کدای شما یک تگ table باز شده و دوتا تگ table بسته شده!

کد شما هم زدم هم این شکلی شد

در ضمن شما یه بار دیگه کد رو نیگاه کن دو تا Table باز شده

k-boy · 3 جولای 2013

کد:

<table border="1" width="1000px" height="700px" align="center">
   <tr>
      <td width="500px">
         <table border="1" width="200px" height="200px" align="center">
            <tr>
               <td></td>
               <td></td>
            </tr>
            <tr>
               <td></td>
               <td></td>
            </tr>
         </table>
      </td>
      <td>
         <table border="1" width="100%" height="100%">
            <tr>
               <td height="350px"></td>
            </tr>
            <tr>
               <td></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

MG007 · 3 جولای 2013

به نقل از k-boy :

کد:

<table border="1" width="1000px" height="700px" align="center">
   <tr>
      <td width="500px">
         <table border="1" width="200px" height="200px" align="center">
            <tr>
               <td></td>
               <td></td>
            </tr>
            <tr>
               <td></td>
               <td></td>
            </tr>
         </table>
      </td>
      <td>
         <table border="1" width="100%" height="100%">
            <tr>
               <td height="350px"></td>
            </tr>
            <tr>
               <td></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

دمت گرم ممنون

axarsu · 26 آگوست 2013

سلام دوست عزیز
یه سایتی هست که تقریباً میشه گفت در زمینه طراحی وب و HTML5 و CSS3 و Jacascript خیلی کامله
هرچند این سایت همه نو آموزشی توش هست ولی فیلم های مربوط به طراحی وبش یه چیز دیگس
توصیه می کنم حتماً این فیلم ها رو که به زبان فارسی هم هستن دانلود کنید و ببینید
اینم آدرسشه :
آزاد دانلود - مرکز دانلود فیلم و کتاب های آموزشی رایگان
موفق باشید

4bm · 3 مارس 2014

به نقل از axarsu :
سلام دوست عزیز
یه سایتی هست که تقریباً میشه گفت در زمینه طراحی وب و HTML5 و CSS3 و Jacascript خیلی کامله
هرچند این سایت همه نو آموزشی توش هست ولی فیلم های مربوط به طراحی وبش یه چیز دیگس
توصیه می کنم حتماً این فیلم ها رو که به زبان فارسی هم هستن دانلود کنید و ببینید
اینم آدرسشه :
آزاد دانلود - مرکز دانلود فیلم و کتاب های آموزشی رایگان
موفق باشید

شما هم فقط همه جا سایت خودتو تبلیغ کن

کجاش غلطه؟

MG007

Registered User

k-boy

Registered User

MG007

Registered User

k-boy

Registered User

MG007

Registered User

axarsu

کاربر تازه وارد

4bm

Registered User

بک‌لینک