ตารางแบบนี้่สร้างยังไงครับ

เริ่มโดย kunnarakkup, 25 ตุลาคม 2014, 16:33:33

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

kunnarakkup

จะใส่ชื่อตารางตรงแทบฃมพูยังไงอะครับ
้html

<table border="0" class="left_menu">

<tr>
<td><img src="pic/social/logokidartworkshop.png" width="80" height="80"></td>
</tr>
<tr>
<td><img src="pic/social/fb 48x48.png"></td>

<td><img src="pic/social/youtube 48x48.png"></td>

<td><img src="pic/social/t 48x48.png"></td></tr>
</table>

** ตรงใส่<thead>
 <tr>
   <th bgcolor="#FF33CC ">Social</th>

 </tr>
 </thead>** เพิ่มหรือเปล่า

css
   .left_menu{ border:7px #FF33CC solid; border-radius:7px; border-bottom-width:medium; border-top-width:15px;}

mize

[direct=www.double-max.com]doublemaxx[/direct]

kunnarakkup


Cuteservice

Tel : 0982743243  Line : cuteservice
รับทำเว็บคุณภาพ Adsense ราคาเว็บละ 5,000 บาท (รับประกันมียอด มีอันดับ) สั่ง2แถม1
รับทำเว็บคุณภาพ Amazon ราคาเว็บละ 5,000 บาท (รับประกันมียอด มีอันดับ) สั่ง2แถม1
รับทำเว็บปั่น Amazon รับประกันรายได้ 400$ ภายใน 60 วัน ราคา 6500 บาท (รายได้ไม่ครบ 400$ ภายใน 60 วันคืนเงินเต็มจำนวน)
...รับสร้าง blog เสริมแรง Seo จาก blog ฟรี ต่างๆ เช่น blogger

Queue

เว็บสมัยใหม่ ส่วนใหญ่เลิกใช้ table ไปแล้ว

mize

อ้างถึงจาก: kunnarakkup ใน 26 ตุลาคม 2014, 07:32:50
อ้างถึงจาก: mize ใน 25 ตุลาคม 2014, 18:35:19
ใช้ css กัย tag div ง่ายกว่าครับ

ยังไงอะครับ

ลองเริมที่ bootstrap ครับ น่าจะง่ายสุด
[direct=www.double-max.com]doublemaxx[/direct]

newbo2

[direct=http://www.พิมพ์นามบัตรด่วน.com]พิมพ์นามบัตรด่วน[/direct]
[direct=http://www.พิมพ์ใบประกาศ.com]พิมพ์ใบประกาศ[/direct]
[direct=http://www.พิมพ์แคตตาล็อกสินค้า.com]พิมพ์แคตตาล็อกด่วน[/direct]
[direct=http://www.พิมพ์สติ๊กเกอร์ไดคัท.com]พิมพ์สติ๊กเกอร์ไดคัท[/direct]
[direct=http://print-togo.com]พิมพ์ป้ายแทกสินค้า[/direct]

kunnarakkup


dekbannok14

อันนี้คือ คร่าวๆนะครับ ถ้ายังไม่รู้คำสัง css ก็ต้องศึกษาวิธีการใช้อ่าครับ แจ่ม  :wanwan003:



<div class="pink">
   <div class="img"></div>
   <div class="block-socail">
      <img src="face">
      <img src="tw">
      <img src="you">
   </div>
</div>


css-style

.pink{
   width:xxx;
   height:xxx;
   backgroud-color:pink;
}
.img{
   width:xxx;
   height:xxx;
   text-align:center;
}
.block-socail{
   width:xxx;
   height:xxx;
}
.block-socail img{
   width:xxx;
   height:xxx;
   float:left;
   padding-left:xxx;
}

kunnarakkup

อ้างถึงจาก: dekbannok14 ใน 27 ตุลาคม 2014, 11:46:17
อันนี้คือ คร่าวๆนะครับ ถ้ายังไม่รู้คำสัง css ก็ต้องศึกษาวิธีการใช้อ่าครับ แจ่ม  :wanwan003:



<div class="pink">
   <div class="img"></div>
   <div class="block-socail">
      <img src="face">
      <img src="tw">
      <img src="you">
   </div>
</div>


css-style

.pink{
   width:xxx;
   height:xxx;
   backgroud-color:pink;
}
.img{
   width:xxx;
   height:xxx;
   text-align:center;
}
.block-socail{
   width:xxx;
   height:xxx;
}
.block-socail img{
   width:xxx;
   height:xxx;
   float:left;
   padding-left:xxx;
}

ได้แล้วครับ ผมใช้วิธี table ซ้อน table เอา