ขอถามเกี่ยวกับเรื่อง CSS และการแสดงผลที่ผิดพลาดครับ

washiravit · 24 ตุลาคม 2011, 12:37:23

แก้ไขได้แล้วครับ
ตอนนี้ผมใส่

{
text-align: center;
margin: 0 auto;}

ไว้ใน <div> ที่ครอบ div ชั้นนอกสุดครับ
ทำให้การแก้ไขเป็นไปได้ง่ายขึ้น แต่กลายเป็นว่าทุกสิ่งทุกอย่างย่อยใน Div นั้นไปอยู่ตรงกลางหมดเลยครับ
แต่เท่าที่ผมคิด เดี๋ยวผมจะไปแก้ไขในแตละ Div ให้ margin มันอยู่ตามตำแหน่งที่ผมต้องการครับ

ขอบคุณมากครับ

TummZ · 24 ตุลาคม 2011, 12:42:51

<div> ที่ครอบชั้นนอกสุด
ให้ตัด text-align: center; ทิ้งไปครับ text-align เอาไว้จัดตำแหน่งของตัวหนังสือครับ
เหลือแค่ด้านล่างพอครับ

{
margin: 0 auto;
}

guzzilar · 24 ตุลาคม 2011, 12:49:00

อ้างถึงจาก: TummZ ใน 24 ตุลาคม 2011, 12:42:51
<div> ที่ครอบชั้นนอกสุด
ให้ตัด text-align: center; ทิ้งไปครับ text-align เอาไว้จัดตำแหน่งของตัวหนังสือครับ
เหลือแค่ด้านล่างพอครับ

{
margin: 0 auto;
}

ตามนี้ครับ

div ชั้นนอกสุด ส่วนมากจะเป็นตัวบอกขนาดซะมากกว่าจะไปจัดการกำหนดค่าอะไรให้มัน (กำหนดค่าที่เป็น univer พอ เช่น color: , font-size blabla)

นึกถึงว่า เว็บเพจเป็นห้องกว้างๆ divชั้นแรก เป็นกล่องใบนึง คุณจะสร้างกล่องมาขนาดแค่ไหนก็ว่าไป
แล้วข้างในกล่อง จะทำเป็นเก๊ะสามชั้น (header , container , footer) แล้วในเก๊ะ จะวางของอะไรอีก ก็ไปจัด style ของของชิ้นนั้นก็พอ (เช่นเอากรอบรูปขนาด width:100px height:100px วางมุมซ้ายก็ float:left)

ส่วนกรอบรูปนั้นจะมีภาพอะไร จะมีอะไรในกรอบรูป (เช่นซองจดหมายเหน็บด้านหลัง) ก็ใส่รายละเอียดตรงนั้นไปอีกที

ส่วน text-align เอา่ไว้ใช้จัดตัวอักษร (ตามชื่อ text) อย่างที่ข้างบนบอกครับ
(ลองเอา text-align ไปจัด <img /> ดูสิ

)

ps.อรุณสวัสดิ์ครับ

washiravit · 24 ตุลาคม 2011, 13:13:22

อ้างถึงจาก: TummZ ใน 24 ตุลาคม 2011, 12:42:51
<div> ที่ครอบชั้นนอกสุด
ให้ตัด text-align: center; ทิ้งไปครับ text-align เอาไว้จัดตำแหน่งของตัวหนังสือครับ
เหลือแค่ด้านล่างพอครับ

{
margin: 0 auto;
}

พอตัด text-align: center ไปเเล้ว
IE มันไม่ยอมเอา LOGO มาไว้ตรงกลางครับ T-T
พอใส่แล้ว IE เลยยอมให้โลโก้มาใส่ตรงกลางได้ครับ

tonnant · 24 ตุลาคม 2011, 13:14:27

มาเก็บความรู้ครับ

washiravit · 24 ตุลาคม 2011, 13:17:19

อ้างถึงจาก: guzzilar ใน 24 ตุลาคม 2011, 12:49:00
อ้างถึงจาก: TummZ ใน 24 ตุลาคม 2011, 12:42:51
<div> ที่ครอบชั้นนอกสุด
ให้ตัด text-align: center; ทิ้งไปครับ text-align เอาไว้จัดตำแหน่งของตัวหนังสือครับ
เหลือแค่ด้านล่างพอครับ

{
margin: 0 auto;
}

ตามนี้ครับ

div ชั้นนอกสุด ส่วนมากจะเป็นตัวบอกขนาดซะมากกว่าจะไปจัดการกำหนดค่าอะไรให้มัน (กำหนดค่าที่เป็น univer พอ เช่น color: , font-size blabla)

นึกถึงว่า เว็บเพจเป็นห้องกว้างๆ divชั้นแรก เป็นกล่องใบนึง คุณจะสร้างกล่องมาขนาดแค่ไหนก็ว่าไป
แล้วข้างในกล่อง จะทำเป็นเก๊ะสามชั้น (header , container , footer) แล้วในเก๊ะ จะวางของอะไรอีก ก็ไปจัด style ของของชิ้นนั้นก็พอ (เช่นเอากรอบรูปขนาด width:100px height:100px วางมุมซ้ายก็ float:left)

ส่วนกรอบรูปนั้นจะมีภาพอะไร จะมีอะไรในกรอบรูป (เช่นซองจดหมายเหน็บด้านหลัง) ก็ใส่รายละเอียดตรงนั้นไปอีกที

ส่วน text-align เอา่ไว้ใช้จัดตัวอักษร (ตามชื่อ text) อย่างที่ข้างบนบอกครับ
(ลองเอา text-align ไปจัด <img /> ดูสิ )

ps.อรุณสวัสดิ์ครับ

คุณ guzzilar นอนดึกตื่นเช้านะครับ
ผมเริ่มการศึกษา CSS จาก 0 ตอนนี้เหมือนอลิสในแดนมหัศจรรย์ครับ
ผมเองก็งงเหมือนกันครับ ตอนนี้ก็ไม่รู้แล้วว่า Logo ของผมมันไปอยู่ตรงกลางใน IE ได้ด้วยคำสั่งอะไร
ยังไม่รู้เลยว่าถ้าเอาไปติด Joomla จริงๆแล้ว ถ้าใส่ PHP ให้โมดูล มันจะรวนมากน้อยขนาดไหน

ตอนนี้กำลังหาข้อมูลเกี่ยวกับ Div ในตำแหน่งต่อไปครับ
คือการกำหนด Div ให้กับตำแหน่ง module เพื่อที่จะให้มันย่อหรือขยายได้ตามขนาดของโมดุลที่จะใส่ไปครับ

washiravit · 24 ตุลาคม 2011, 13:21:25

ขอถามอีกซักเรื่องนะครับ
ถ้าในตำแหน่งเมนู Flash ของผม
ต้องการใส่ flash ลงไป
ผมควรจะใส่ Flash ใน CSS หรือ Html ดีครับ

ขอบคุณมากครับ

doctorcar · 24 ตุลาคม 2011, 13:25:06

อ้างถึงจาก: washiravit ใน 24 ตุลาคม 2011, 13:21:25
ขอถามอีกซักเรื่องนะครับ
ถ้าในตำแหน่งเมนู Flash ของผม
ต้องการใส่ flash ลงไป
ผมควรจะใส่ Flash ใน CSS หรือ Html ดีครับ

ขอบคุณมากครับ

ใส่ที่ Html นะครับ
ส่วนCSS เหมือนช่างแต่งหน้าทำผม ดูแลความสวยงามจัดตำแหน่งเลย์เอาน์

washiravit · 24 ตุลาคม 2011, 13:29:01

อ้างถึงจาก: doctorcar ใน 24 ตุลาคม 2011, 13:25:06
อ้างถึงจาก: washiravit ใน 24 ตุลาคม 2011, 13:21:25
ขอถามอีกซักเรื่องนะครับ
ถ้าในตำแหน่งเมนู Flash ของผม
ต้องการใส่ flash ลงไป
ผมควรจะใส่ Flash ใน CSS หรือ Html ดีครับ

ขอบคุณมากครับ

ใส่ที่ Html นะครับ
ส่วนCSS เหมือนช่างแต่งหน้าทำผม ดูแลความสวยงามจัดตำแหน่งเลย์เอาน์

ขอบคุณครับ

bobbyonline · 27 ตุลาคม 2011, 22:41:57

อ้างถึงจาก: washiravit ใน 24 ตุลาคม 2011, 13:17:19
อ้างถึงจาก: guzzilar ใน 24 ตุลาคม 2011, 12:49:00
อ้างถึงจาก: TummZ ใน 24 ตุลาคม 2011, 12:42:51
<div> ที่ครอบชั้นนอกสุด
ให้ตัด text-align: center; ทิ้งไปครับ text-align เอาไว้จัดตำแหน่งของตัวหนังสือครับ
เหลือแค่ด้านล่างพอครับ

{
margin: 0 auto;
}

ตามนี้ครับ

div ชั้นนอกสุด ส่วนมากจะเป็นตัวบอกขนาดซะมากกว่าจะไปจัดการกำหนดค่าอะไรให้มัน (กำหนดค่าที่เป็น univer พอ เช่น color: , font-size blabla)

นึกถึงว่า เว็บเพจเป็นห้องกว้างๆ divชั้นแรก เป็นกล่องใบนึง คุณจะสร้างกล่องมาขนาดแค่ไหนก็ว่าไป
แล้วข้างในกล่อง จะทำเป็นเก๊ะสามชั้น (header , container , footer) แล้วในเก๊ะ จะวางของอะไรอีก ก็ไปจัด style ของของชิ้นนั้นก็พอ (เช่นเอากรอบรูปขนาด width:100px height:100px วางมุมซ้ายก็ float:left)

ส่วนกรอบรูปนั้นจะมีภาพอะไร จะมีอะไรในกรอบรูป (เช่นซองจดหมายเหน็บด้านหลัง) ก็ใส่รายละเอียดตรงนั้นไปอีกที

ส่วน text-align เอา่ไว้ใช้จัดตัวอักษร (ตามชื่อ text) อย่างที่ข้างบนบอกครับ
(ลองเอา text-align ไปจัด <img /> ดูสิ )

ps.อรุณสวัสดิ์ครับ

คุณ guzzilar นอนดึกตื่นเช้านะครับ
ผมเริ่มการศึกษา CSS จาก 0 ตอนนี้เหมือนอลิสในแดนมหัศจรรย์ครับ
ผมเองก็งงเหมือนกันครับ ตอนนี้ก็ไม่รู้แล้วว่า Logo ของผมมันไปอยู่ตรงกลางใน IE ได้ด้วยคำสั่งอะไร
ยังไม่รู้เลยว่าถ้าเอาไปติด Joomla จริงๆแล้ว ถ้าใส่ PHP ให้โมดูล มันจะรวนมากน้อยขนาดไหน

ตอนนี้กำลังหาข้อมูลเกี่ยวกับ Div ในตำแหน่งต่อไปครับ
คือการกำหนด Div ให้กับตำแหน่ง module เพื่อที่จะให้มันย่อหรือขยายได้ตามขนาดของโมดุลที่จะใส่ไปครับ

ในฐานะมือใหม่เหมือนกัน อยากตอบตามความเข้าใจตัวเองนะครับ ไม่รู้ว่าผมเข้าใจถูกหรือเปล่านะ ตอบถูกตอบผิด ตอบแบบปล่อยไก่ตัวเบ่อเร่อไม่ว่ากันนะ เพราะผมก็เดินทางเส้นนี้อย่างมืดมนเหมือนกัน
มั่วตอบแรก- การกำหนด div ให้ตำแหน่งโมดูลแล้วให้มันย่อหรือขยายตามขนาดของโมดูลนั้น ความเข้าใจผมคือ ไม่ต้องไปกำหนดอะไรทั้ง width และ height ครับ หากเรากำหนดโมดูลใดๆ ไว้ในนำแหน่งโมดูลที่อยู่ใน div นี้ div นี้จะขยายขนาดตามเองครับ หากไม่ได้กำหนดโมดูลใดๆ มันก็จะย่อเหมือนเก็บไป แล้วตำแหน่งถัดไปจาก div นี้จะเขยิบเข้าแทนที่ครับ (ถูกหรือเปล่าหว่า.. มั่วๆ เผื่อถูก)
มั่วที่สอง-ที่ถามว่า "ผมควรจะใส่ Flash ใน CSS หรือ Html ดีครับ" หากผมเข้าใจไม่ผิด ผมจะตอบดังนี้ครับ สำหรับการแทรกตำแหน่ง Flash ของผม ผมใช้การแทรกผ่านโมดูลในการแทรกเลยครับ เช่น The Flash Module ครับ

ru · 27 ตุลาคม 2011, 23:22:32

อ้างถึงจาก: bobbyonline ใน 27 ตุลาคม 2011, 22:41:57
ในฐานะมือใหม่เหมือนกัน อยากตอบตามความเข้าใจตัวเองนะครับ ไม่รู้ว่าผมเข้าใจถูกหรือเปล่านะ ตอบถูกตอบผิด ตอบแบบปล่อยไก่ตัวเบ่อเร่อไม่ว่ากันนะ เพราะผมก็เดินทางเส้นนี้อย่างมืดมนเหมือนกัน
มั่วตอบแรก- การกำหนด div ให้ตำแหน่งโมดูลแล้วให้มันย่อหรือขยายตามขนาดของโมดูลนั้น ความเข้าใจผมคือ ไม่ต้องไปกำหนดอะไรทั้ง width และ height ครับ หากเรากำหนดโมดูลใดๆ ไว้ในนำแหน่งโมดูลที่อยู่ใน div นี้ div นี้จะขยายขนาดตามเองครับ หากไม่ได้กำหนดโมดูลใดๆ มันก็จะย่อเหมือนเก็บไป แล้วตำแหน่งถัดไปจาก div นี้จะเขยิบเข้าแทนที่ครับ (ถูกหรือเปล่าหว่า.. มั่วๆ เผื่อถูก)
มั่วที่สอง-ที่ถามว่า "ผมควรจะใส่ Flash ใน CSS หรือ Html ดีครับ" หากผมเข้าใจไม่ผิด ผมจะตอบดังนี้ครับ สำหรับการแทรกตำแหน่ง Flash ของผม ผมใช้การแทรกผ่านโมดูลในการแทรกเลยครับ เช่น The Flash Module ครับ

Flash ควรใส่ใน html ครับ

CSS มันไว้ทำ Presentation ครับ พูดแล้วอาจจะงง ผมยกตัวอย่างให้เห็นภาพง่ายๆเลย
โปรแกรม PowerPoint ครับ เราใช้ Powerpoint ตกแต่งรูปร่างหน้าตาเพื่อการนำเสนอข้อมูลที่น่าสนใจมากยิ่งขึ้น
ไม่มีใครใช้ powerpoint พิมพ์เอกสารแบบที่ word มันทำได้ word มันก็เปรียบเหมือน HTML ที่มีเฉพาะข้อมูลดิบๆ เตรียมให้เราก็อปปี้ไปทำใน powerpoint เพื่อที่จะนำเสนอเจ้านาย
CSS ก็เปรียบเทียบแบบนั้นเช่นกัน HTML เป็นตัวนำเสนอข้อมูล ส่วน CSS เป็นตัวตกแต่งหน้าตาให้มันดูสวยงามขึ้น

bobbyonline · 28 ตุลาคม 2011, 17:58:15

อ้างถึงจาก: ru ใน 27 ตุลาคม 2011, 23:22:32
อ้างถึงจาก: bobbyonline ใน 27 ตุลาคม 2011, 22:41:57
ในฐานะมือใหม่เหมือนกัน อยากตอบตามความเข้าใจตัวเองนะครับ ไม่รู้ว่าผมเข้าใจถูกหรือเปล่านะ ตอบถูกตอบผิด ตอบแบบปล่อยไก่ตัวเบ่อเร่อไม่ว่ากันนะ เพราะผมก็เดินทางเส้นนี้อย่างมืดมนเหมือนกัน
มั่วตอบแรก- การกำหนด div ให้ตำแหน่งโมดูลแล้วให้มันย่อหรือขยายตามขนาดของโมดูลนั้น ความเข้าใจผมคือ ไม่ต้องไปกำหนดอะไรทั้ง width และ height ครับ หากเรากำหนดโมดูลใดๆ ไว้ในนำแหน่งโมดูลที่อยู่ใน div นี้ div นี้จะขยายขนาดตามเองครับ หากไม่ได้กำหนดโมดูลใดๆ มันก็จะย่อเหมือนเก็บไป แล้วตำแหน่งถัดไปจาก div นี้จะเขยิบเข้าแทนที่ครับ (ถูกหรือเปล่าหว่า.. มั่วๆ เผื่อถูก)
มั่วที่สอง-ที่ถามว่า "ผมควรจะใส่ Flash ใน CSS หรือ Html ดีครับ" หากผมเข้าใจไม่ผิด ผมจะตอบดังนี้ครับ สำหรับการแทรกตำแหน่ง Flash ของผม ผมใช้การแทรกผ่านโมดูลในการแทรกเลยครับ เช่น The Flash Module ครับ

Flash ควรใส่ใน html ครับ

CSS มันไว้ทำ Presentation ครับ พูดแล้วอาจจะงง ผมยกตัวอย่างให้เห็นภาพง่ายๆเลย
โปรแกรม PowerPoint ครับ เราใช้ Powerpoint ตกแต่งรูปร่างหน้าตาเพื่อการนำเสนอข้อมูลที่น่าสนใจมากยิ่งขึ้น
ไม่มีใครใช้ powerpoint พิมพ์เอกสารแบบที่ word มันทำได้ word มันก็เปรียบเหมือน HTML ที่มีเฉพาะข้อมูลดิบๆ เตรียมให้เราก็อปปี้ไปทำใน powerpoint เพื่อที่จะนำเสนอเจ้านาย
CSS ก็เปรียบเทียบแบบนั้นเช่นกัน HTML เป็นตัวนำเสนอข้อมูล ส่วน CSS เป็นตัวตกแต่งหน้าตาให้มันดูสวยงามขึ้น

โอวววว.... ขอบคุณมากครับที่ทำให้ผมตาสว่าง เพราะเท่าที่ผมทดลองแทรกแฟรชโดยใช้โมดูลเอานั้นจะมีปัญหาเรื่องการแสดงผลของบางหน้าครับ โดยเเฉพาะความเข้าใจผิดผมทำ header ที่เป็นแฟลชเป็นตำแหน่งโมดูลแล้วแทรกผ่านโมดูลมันมีปัญหาบางหน้า ผมเลยแทรกใน html ตามที่ท่านบอกโรคนี้หายขาดเลยครับ ขอบคุณมากครับ