ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Free Siteปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก  (อ่าน 2327 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
affsom
สมุนแก๊งเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 501



ดูรายละเอียด
« เมื่อ: 17 พฤษภาคม 2013, 01:32:45 »

คือต้องการลักษณะนี้ครับ

<div>                                  ....(div บนสุด สร้างเอง)
     <div>                            ....(div ทั่วไป สร้างเอง)
           <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
           <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
     </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)

คือต้องการให้div ย่อยมีลักษณะ display:inline; โดยที่ไม่ต้องกำหนดที่cssของตัวมันอ่ะครับ เพราะdivย่อยตัวนี้มันจะดึงข้อมูลมาจากที่อื่นกำหนดstyleมันไม่ได้ครับ และชื่อdivที่ดึงมาชื่อมันก็ไม่เหมือนกัน ผมลองกำหนดแบบนี้ในCSS style sheet
div {
display:inline;
}

มันกำหนดได้ครับแต่ว่ามันไปส่งผลกับdiv ตัวอื่นๆให้เป็นแบบinlineไปด้วย Tongue
 จะทำยังไงครับถ้าต้องการกำหนดให้เฉพาะ Div ที่อยู่ภายใน DIVหลักมีลักษณะInline
ขอบคุณมากครับ
 wanwan017 wanwan017


บันทึกการเข้า
vanavat
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 373
ออฟไลน์ ออฟไลน์

กระทู้: 2,752



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 17 พฤษภาคม 2013, 01:45:35 »

เขียน class ให้มันเฉพาะไม่ได้หรอครับ
บันทึกการเข้า

affsom
สมุนแก๊งเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 501



ดูรายละเอียด
« ตอบ #2 เมื่อ: 17 พฤษภาคม 2013, 01:48:44 »

เขียน class ให้มันเฉพาะไม่ได้หรอครับ
มันดึงมาครับ กำหนดclassได้ครับ แต่ดึงมาทีนึงหลายพันตัวเลยครับ ต้องไปไล่ใส่classในhtml คงจะไม่ใหวอ่ะครับ
บันทึกการเข้า
obannon
บุคคลทั่วไป
« ตอบ #3 เมื่อ: 17 พฤษภาคม 2013, 01:48:54 »

ไม่รู้ผมเข้าใจถูกไหม ไม่ได้ลองนะครับ ถ้าไม่ได้ต้องขออภัย

<div>                                  ....(div บนสุด สร้างเอง)
     <div style="display: inline;">    ....(div ทั่วไป สร้างเอง)
           <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
           <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
     </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)
บันทึกการเข้า
affsom
สมุนแก๊งเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 501



ดูรายละเอียด
« ตอบ #4 เมื่อ: 17 พฤษภาคม 2013, 01:52:49 »

ไม่รู้ผมเข้าใจถูกไหม ไม่ได้ลองนะครับ ถ้าไม่ได้ต้องขออภัย

<div>                                  ....(div บนสุด สร้างเอง)
     <div style="display: inline;">    ....(div ทั่วไป สร้างเอง)
           <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
           <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
     </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)

ทดลองแล้วไม่ได้ครับ
บันทึกการเข้า
Jellopy
Newbie
*

พลังน้ำใจ: 6
ออฟไลน์ ออฟไลน์

กระทู้: 57



ดูรายละเอียด
« ตอบ #5 เมื่อ: 17 พฤษภาคม 2013, 02:11:16 »

โค๊ด:
<style type="text/css">
.in > div {
display: inline;
}
หรือ
.in div {
display: inline;
}
</style>

<div>                                  ....(div บนสุด สร้างเอง)
     <div class="in">             ....(div ทั่วไป สร้างเอง)
           <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
           <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
     </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)

อธิบาย
.parent > .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent เฉพาะชั้นแรก (หากซ้อน .child ใต้ tag อื่นอีกที rule นี้จะไม่มีผล )

.parent .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent ทั้งหมด
บันทึกการเข้า
vanavat
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 373
ออฟไลน์ ออฟไลน์

กระทู้: 2,752



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 17 พฤษภาคม 2013, 02:16:58 »

โค๊ด:
<style type="text/css">
.in > div {
display: inline;
}
หรือ
.in div {
display: inline;
}
</style>

<div>                                  ....(div บนสุด สร้างเอง)
     <div class="in">             ....(div ทั่วไป สร้างเอง)
           <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
           <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
     </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)

อธิบาย
.parent > .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent เฉพาะชั้นแรก (หากซ้อน .child ใต้ tag อื่นอีกที rule นี้จะไม่มีผล )

.parent .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent ทั้งหมด

ผมก็คิดว่าตามนี้น่าจะได้นะครับ
บันทึกการเข้า

affsom
สมุนแก๊งเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 501



ดูรายละเอียด
« ตอบ #7 เมื่อ: 17 พฤษภาคม 2013, 02:40:37 »

โค๊ด:
<style type="text/css">
.in > div {
display: inline;
}
หรือ
.in div {
display: inline;
}
</style>

<div>                                  ....(div บนสุด สร้างเอง)
     <div class="in">             ....(div ทั่วไป สร้างเอง)
           <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
           <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
     </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)

อธิบาย
.parent > .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent เฉพาะชั้นแรก (หากซ้อน .child ใต้ tag อื่นอีกที rule นี้จะไม่มีผล )

.parent .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent ทั้งหมด
wanwan020 wanwan020 wanwan020

ได้แล้วครับ ตามข้างบนเลยครับ ขอบคุณมากครับ บวกให้แล้วนะครับ
บันทึกการเข้า
sys2528
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 301
ออฟไลน์ ออฟไลน์

กระทู้: 3,601



ดูรายละเอียด
« ตอบ #8 เมื่อ: 17 พฤษภาคม 2013, 08:45:03 »

โค๊ด:
<style type="text/css">
.in > div {
display: inline;
}
หรือ
.in div {
display: inline;
}
</style>

<div>                                  ....(div บนสุด สร้างเอง)
     <div class="in">             ....(div ทั่วไป สร้างเอง)
           <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
           <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
     </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)

อธิบาย
.parent > .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent เฉพาะชั้นแรก (หากซ้อน .child ใต้ tag อื่นอีกที rule นี้จะไม่มีผล )

.parent .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent ทั้งหมด
wanwan020 wanwan020 wanwan020

ได้แล้วครับ ตามข้างบนเลยครับ ขอบคุณมากครับ บวกให้แล้วนะครับ

เก่งจริง ๆ ครับผม  wanwan017
บันทึกการเข้า

dekmv
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 222
ออฟไลน์ ออฟไลน์

กระทู้: 3,264



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 17 พฤษภาคม 2013, 09:18:12 »

โห เยี่ยมเลยครับ กำลังงมอยู่พอดีครับ !
บันทึกการเข้า
flash
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 1,022



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 17 พฤษภาคม 2013, 11:20:20 »

ขอลองด้วยคนครับ
บันทึกการเข้า

ครีมหมอจุฬา ผ่าน อย. อยากหน้าใส ไร้รอยด่างดำ ครีมหมอจุฬาซื้อที่ไหน หาไม่ยากเลย แต่ระวังของปลอมนะ ของเราเป็น ครีมหมอจุฬาของแท้ 100% มาดูสินค้าก่อนได้

หน้า: [1]   ขึ้นบน
พิมพ์