ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Free Site => ข้อความที่เริ่มโดย: affsom ที่ 17 พฤษภาคม 2013, 01:32:45


หัวข้อ: ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก
เริ่มหัวข้อโดย: affsom ที่ 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ไปด้วย :P
 จะทำยังไงครับถ้าต้องการกำหนดให้เฉพาะ Div ที่อยู่ภายใน DIVหลักมีลักษณะInline
ขอบคุณมากครับ
 :wanwan017: :wanwan017:



หัวข้อ: Re: ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก
เริ่มหัวข้อโดย: vanavat ที่ 17 พฤษภาคม 2013, 01:45:35
เขียน class ให้มันเฉพาะไม่ได้หรอครับ

หัวข้อ: Re: ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก
เริ่มหัวข้อโดย: affsom ที่ 17 พฤษภาคม 2013, 01:48:44
อ้างจาก: vanavat ที่ 17 พฤษภาคม 2013, 01:45:35
เขียน class ให้มันเฉพาะไม่ได้หรอครับ
มันดึงมาครับ กำหนดclassได้ครับ แต่ดึงมาทีนึงหลายพันตัวเลยครับ ต้องไปไล่ใส่classในhtml คงจะไม่ใหวอ่ะครับ

หัวข้อ: Re: ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก
เริ่มหัวข้อโดย: obannon ที่ 17 พฤษภาคม 2013, 01:48:54
ไม่รู้ผมเข้าใจถูกไหม ไม่ได้ลองนะครับ ถ้าไม่ได้ต้องขออภัย

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

หัวข้อ: Re: ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก
เริ่มหัวข้อโดย: affsom ที่ 17 พฤษภาคม 2013, 01:52:49
อ้างจาก: obannon ที่ 17 พฤษภาคม 2013, 01:48:54
ไม่รู้ผมเข้าใจถูกไหม ไม่ได้ลองนะครับ ถ้าไม่ได้ต้องขออภัย

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

ทดลองแล้วไม่ได้ครับ

หัวข้อ: Re: ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก
เริ่มหัวข้อโดย: Jellopy ที่ 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 ทั้งหมด

หัวข้อ: Re: ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก
เริ่มหัวข้อโดย: vanavat ที่ 17 พฤษภาคม 2013, 02:16:58
อ้างจาก: Jellopy ที่ 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 ทั้งหมด

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

หัวข้อ: Re: ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก
เริ่มหัวข้อโดย: affsom ที่ 17 พฤษภาคม 2013, 02:40:37
อ้างจาก: Jellopy ที่ 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 ทั้งหมด
:wanwan020: :wanwan020: :wanwan020:

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

หัวข้อ: Re: ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก
เริ่มหัวข้อโดย: sys2528 ที่ 17 พฤษภาคม 2013, 08:45:03
อ้างจาก: affsom ที่ 17 พฤษภาคม 2013, 02:40:37
อ้างจาก: Jellopy ที่ 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 ทั้งหมด
:wanwan020: :wanwan020: :wanwan020:

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

เก่งจริง ๆ ครับผม  :wanwan017:

หัวข้อ: Re: ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก
เริ่มหัวข้อโดย: dekmv ที่ 17 พฤษภาคม 2013, 09:18:12
โห เยี่ยมเลยครับ กำลังงมอยู่พอดีครับ !

หัวข้อ: Re: ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก
เริ่มหัวข้อโดย: flash ที่ 17 พฤษภาคม 2013, 11:20:20
ขอลองด้วยคนครับ


SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com