<div> ใช้แทน <td> ต้องเขียนยังไงหรอครับ

เริ่มโดย ฉันไม่มีตัวตน, 15 มิถุนายน 2008, 22:19:50

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

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

ฉันไม่มีตัวตน

ผมคิดว่าถ้าแก้ไฟล์ include ให้ไม่มี <table> ก็น่าจะหายแล้วครับ
เพราะมันเหมือนใส่ <table> 2อัน เลยขึ้นบรรทัดใหม่..ขอบคุณทุกคนมากเลยครับ

ฉันไม่มีตัวตน

อ่ะผมเจอ css ทำมุมมโค้งมา แต่ยังไม่ได้ลองนะครับ ไม่รู้โคดมันเยอะไปป่าว :P
http://angiko.multiply.com/reviews/item/23

EThaiZone

อ้างถึงจาก: ฉันไม่มีตัวตน ใน 16 มิถุนายน 2008, 22:21:39
อ่ะผมเจอ css ทำมุมมโค้งมา แต่ยังไม่ได้ลองนะครับ ไม่รู้โคดมันเยอะไปป่าว :P
http://angiko.multiply.com/reviews/item/23

ผมเจออีกแบบ แนวทำภาพ bg ลงมุม 4 มุม

สรุปว่ามายุ่งตรงโค้ด css กันยุบหยับ คิดแล้วทำแบบธรรมดาๆ ดีกว่า  :P

yoot

อ้างถึงจาก: ฉันไม่มีตัวตน ใน 16 มิถุนายน 2008, 22:21:39
อ่ะผมเจอ css ทำมุมมโค้งมา แต่ยังไม่ได้ลองนะครับ ไม่รู้โคดมันเยอะไปป่าว :P
http://angiko.multiply.com/reviews/item/23

ต้นตำหรับครับ Nifty Corners มีให้เลือกหลายแบบเลย
http://www.html.it/articoli/nifty/index.html


oldgame

อ้างถึงจาก: EThaiZone ใน 16 มิถุนายน 2008, 22:32:29
อ้างถึงจาก: ฉันไม่มีตัวตน ใน 16 มิถุนายน 2008, 22:21:39
อ่ะผมเจอ css ทำมุมมโค้งมา แต่ยังไม่ได้ลองนะครับ ไม่รู้โคดมันเยอะไปป่าว :P
http://angiko.multiply.com/reviews/item/23

ผมเจออีกแบบ แนวทำภาพ bg ลงมุม 4 มุม

สรุปว่ามายุ่งตรงโค้ด css กันยุบหยับ คิดแล้วทำแบบธรรมดาๆ ดีกว่า  :P

โหคิดกันเก่งจริง ๆ เลย  :(

แต่ดูแล้วน่าจะยุ่งยากกว่าแบบธรรมดาจริง ๆ  :P
[direct=http://www.pwgamer.com]โปรเกมส์[/direct] luna-z blog ส่วนตัวรวมโปร
[direct=http://www.kaichonasean.com]ไก่ชน[/direct] เว็บไซต์รวมซุ้มไก่ชน
[direct=http://www.boybdream.com]รับออกแบบเว็บไซต์[/direct]  รับออกแบบเว็บไซต์
[direct=http://www.2winweb.com]รับทำเว็บ[/direct]  รับออกแบบเว็บไซต์
[direct=http://www.pralanna.com]พระเครื่อง[/direct] พระล้านนา รวมพระเครื่องเมืองเหนือ

baby-bride

่ะผมเจอ css ทำมุมมโค้งมา แต่ยังไม่ได้ลองนะครับ ไม่รู้โคดมันเยอะไปป่าว แลบลิ้น
โค๊ด:

http://angiko.multiply.com/reviews/item/23


   ผมว่าโค็ดมัน รกไป ไม่ flexible ในแนวตั้ง
   หากชอบ ไปเอาหน้า ของผม save as แล้วเปิดตัด แต่ content xx ใน css ทั้งหมดไปใช้ ง่ายกว่า อนุญาติ
   ง่ายสุด copy หน้านี้
   http://www.thaitopwedding.com/Misc/Brides-Health-01.html

<div id="content">
    <h1>เดิน Shopping  ชุดกันจนเหนื่อยก็ดูแลสุขภาพด้วย เดี่ยวไม่ได้ใช้</h1>
    <p class="last">&nbsp;&nbsp;&nbsp;&nbsp;หากคุณนั้นเดิน shop เลือกดูชุดต่างๆีมาก เสียจนปวดตา ให้ทาด้วย น้ำมะนาวบางๆ บนหนังตา จะทำให้หายปวดตาอย่างสนิท &nbsp;แต่ถ้า เดิน เดิน จนหน้าสวยๆ ของคุณบางลงๆ เนื่องจากผลของ <img src="http://www.thaitopwedding.com/images/Dress/bride-09.jpg" width="144" height="200" align="left" />การต่อสู้เรื่อง ราคา กับผู้ขาย การแก้หน้าลอก ให้รักษา ด้วยการล้าง หน้าทุก ๆ เช้าด้วย น้ำอุ่น จะทำให้หน้าดีขึ้น แต่หากคุณง่วงนอน เอามากๆ ให้กินอาหาร รสเปรี้ยวๆ จะทำให้ อาการง่วงนอนหายไป แต่ถ้าคุณคุยกับ ว่าที่สามีจนยุงกัดไปเสียทั้งขา ให้ใช้ขมิ้นสด ลดรอยยุงกัด  ทาบริเวณที่ ยุงมันกัดเพื่อช่วย ดับพิษยุง การใช้ขมิ้นสด ดีคือทำให้ไม่ออก แสบร้อน เหมือนทายาหม่อง<br />
      <br />&nbsp;&nbsp;&nbsp;&nbsp;มาดูเรื่องผมกันบ้าง<strong>วิธีย้อมผม</strong>ให้ดำโดยไม่ต้องใช้น้ำยาให้เปลือง ตัง ท่านให้คุณนำมะพร้าวมาขูด ( ไปซื้อก็ได้ ) แล้วจึงคั้นเอากะทิออก แล้วนำ ดอกมะลิ-กระดังงามาลอยในกะทินั้น ทิ้งไว้หนึ่งคืนแล้วค่อยนำเจ้าดอก มะลิ - กระดังงานั้นมาทาศรีษะ จะทำให้ผมที่หงอกขาว กลับ ดำสนิท หาก มีอาการคันศรีษะ  เมื่อคุณ รู้สึกคันศรีษะและมีรังแค ก่อนนอน ให้เอาสำลี ชุบน้ำส้มสายชู บีบหมาดๆ แล้วทาให้ทั่ว หนังศรีษะ มันจะทำให้คุณหาย คัน&nbsp;</p>
  </div>


    เอา css อันนี้ไป
/*---------------------------------------------------------*/
#content {
margin-bottom: 0em;
background-image: url(../css/mid_bg1.gif);
background-color: #d8c296;
margin-left: 9.5em;
padding-top: 0em;
margin-top: 0em;
width: 600px;
}
#content h1 {
color: #1A1A1A;
padding-left: 1em;
margin-bottom: 0.5em;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 1.1em;
padding-top: .5em;
/* margin-top: 0.5em;   this margin must have */
background-image: url(../css/top_bg1.gif);
background-repeat: no-repeat;
background-position: top;
margin-top: 0px;
}
#content p {
padding-right: 2em;
padding-left: 2em;
color: #663300;
}

#content p.last {
padding-bottom: .5em;
margin: 0;
background-image: url(../css/bottom_bg1.gif);
background-repeat: no-repeat;
background-position: bottom;
}

  หากใช้ code แบบนี้ หน้า html จะขาวสะอาดมากๆ อ่านพอรู้เรื่อง

ฉันไม่มีตัวตน

ขอบคุณมากเลยครับ ว่าแต่ <div id="111"> ต่างกับ <div class="111"> ยังไงหรอครับ

EThaiZone

อ้างถึงจาก: ฉันไม่มีตัวตน ใน 17 มิถุนายน 2008, 09:51:33
ขอบคุณมากเลยครับ ว่าแต่ <div id="111"> ต่างกับ <div class="111"> ยังไงหรอครับ

id คือชื่ออ้างอิง หรือก็เหมือนกะชื่อประจำตัวประชาชน
class คือชื่อของชนิดรูปแบบ ก็เหมือนกะเครื่องแบบของอาชีพนั้นๆ

อ้างอิงใน css จะต่างกัน

#id {
}

.class {
}

:P

ฉันไม่มีตัวตน

#29
แล้วถ้าเปลี่ยนจาก id เป็น class (แล้วใน css ก็เปลี่ยน # เป็น . )ก็เหมือกันใช่มั้ยครับ

ชักชอบ css แล้วล่ะสิปรับมันดี ปรับได้อิสระ
เมื่อก่อนงูๆปลาๆ html ใส่ <table> เพียบ มันปรับง่ายดี
ตอนนี้ก็ยังงูๆปลาๆอยู่ แต่เริ่มหันมาใช้ css ละ

อ๋อๆ id กับ class เอาไว้แยกความหมายเฉยๆใช่ป่ะครับ

tinnoi

สุดยอดมากเลยครับ CSS มีอะไรให้ศึกษาอีกเพียบเลย คงต้องรีบหามาอ่านบ้างแล้ว CSS
[direct=https://trainee.naruthee.com]หาที่ฝึกงาน[/direct] ,
[direct=http://www.piyamitrgroup.com]รับรื้อถอน[/direct] ,
[direct=https://fastvisa2024.weebly.com/]รับทำวีซ่า[/direct] ,
[direct=https://business.10thai.com]10thai[/direct]

EThaiZone

อ้างถึงจาก: ฉันไม่มีตัวตน ใน 17 มิถุนายน 2008, 10:00:26
แล้วถ้าเปลี่ยนจาก id เป็น class (แล้วใน css ก็เปลี่ยน # เป็น . )ก็เหมือกันใช่มั้ยครับ
ถูกครับ

อ้างถึงจาก: ฉันไม่มีตัวตน ใน 17 มิถุนายน 2008, 10:00:26
อ๋อๆ id กับ class เอาไว้แยกความหมายเฉยๆใช่ป่ะครับ

ประมาณนั้น แต่ว่า

id ใช้อ้างอิงวัตถุ พูดง่ายๆ คือในหน้านั้นๆ id จะมีแค่ 1 อันต่อชื่อนั้นๆ

แต่ class ใช้ได้มากกว่า 1 ครับ

ผมถึงเทียบว่า id ก็คือชื่อของประชาชน จะไม่มีการซ้ำ
แต่ class เป็นเครื่องแบบ สามารถใช้ซ้ำได้

และ class สามารถเรียกใช้พร้อมกันมากกว่า 1 ชนิดได้ด้วย

<div class="class1 class2"></div>

::)

baby-bride

   1) อยากรู้จัก CSS เร็ว ใช้ bit_che ไป search หา Lynda Dre-amweaver CS3 -> beyong มาดู สัก 1-2 ชั่งโมง
   ก็เก่ง css
   2) ทดลอง แกะและทำความเข้าใจ code ของ google หน้าที่แนะนำให้เข้าใจ
   type / class / ID และ psedo class
   3) ยอมรับว่าคนเขียนหน้านั้น ของ Google เก่งมาก กระชับ และ reusable ไม่เพียงเขียนให้ หน้าออกมาสวยเท่านั้น