R i j j y -[a x k i z e l]

เป็นกันไหมครับ? เวลาเราอยากให้อะไรก็ตาม ไม่ว่าจะภาำพ ข้อความใน div ที่เราใส่คำสั่ง position:absolute เอาไว้ เพื่อจะให้มันอยู่ตรงส่วนไหนก็ได้บนหน้าเพจของเรา แต่ก็ดันมีปัญหา เมื่อมันไปทับลิงค์ (หรือส่วนอื่นๆ) ทำให้เรากดลิงค์นั้นไม่ได้ๆ ทั้งๆ ที่ก็เห็นๆ กันอยู่ แต่กดไม่ได้

วันนี้ริจจี้ขอไขปัญหาจัดการกับมันซะให้อยู่หมัด!!! (ฮา) กับเจ้า absolute เจ้าปัญหานี้

=================================

ตัวอย่างปัญหา

ตัวรูปรถเป็น div ภาพพื้นหลังโดยใส่ position:absolute

ส่วนลิงค์ถูกภาพทับอยู่ (เนื่องจากภาพความกว้าง 100% ทับลิงค์แน่นอน แต่ผมให้แสดงภาพไว้ทางขวามือเท่านั้น จึงไม่เห็นว่าภาพทับลิงค์อยู่ครับ) 

ปัญหา : เวลาเอาเมาท์ไปชี้ที่ลิงค์จะไม่เกิดอะไรขึ้นครับ จะเป็นสีม่วงอยู่ตลอดเวลา ทำอะไรไม่ได้เลย ลากครอบก็ไม่ได้ กดลิงค์ไม่ได้

วิธีแก้ปัญหา : แก้ที่ css ในส่วนของ a:link , a:visited โดยใส่คำสั่งต่อไปนี้ลงไป

position: relative; 

จากนั้นลอง refresh ดูครับก็จะแก้ปัญหานี้ได้

ภาพหลังจากแก้ปัญหาแล้ว

หลังจากที่แก้ไขแ้ล้ว ก็ชี้ที่ลิงค์ได้แล้วล่ะครับ จะเห็นว่าลิงค์ที่ตั้งค่าเมื่อชี้จะเปลี่ยนเป็นสีขาว

=================================

หากมีปัญหาที่ส่วนอื่นก็ลองเอาคำสั่งนี้ไปใช้นะครับ จะเห็นว่าง่ายๆ เนอะ แค่คำสั่งบรรทัดเดียวเองก็จัดการได้แล้ว ผมก็เขียนซะยาวยืด อธิบายแล้วงงไหมครับเนี่ย 555+

ขอให้ css อยู่คู่คุณตลอดไป โอ้วเย่! 

ก่อนอื่นต้องขอโทษที่หายหน้าหายตาไปนาน ไปทำความเข้าใจกับตัวเองมาครับ 5555+ จริงๆ ก็คือมีปัญหาในชีวิตนิดหน่อยครับ ทำให้เบื่อขี้เกียจอยากปลีกวิเวก (เขียนถูกไหมเนี่ย) เลยไม่ได้เข้า exteen+ไม่ได้ตามไปเม้นท์ = =" แย่จังเลยเนอะครับ ช่วงนี้ก็กำลังพยายามจะตื่นแต่เช้าเพื่อไปตักบาตรให้ทันอยู่ครับ เพื่อนๆ ถ้าว่างๆ วันแม่ก็พาแม่เข้าวัดทำบุญกันบ้างก็ดีนะครับ ^^

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Tip : วิธีทำกล่องใส่ของแบบแขวน 

ถ้าหากคุณมีแผ่นไม้ โต๊ะไม้ หรือไม้ส่วนไหนก็ตามที่คิดว่าสามารถทำที่แขวนได้ละก็ ก็ใช้ได้ครับ สิ่งที่ต้องเตรียมมีดังนี้ครับ

1. หมุดปักกระดาษแบบที่คิดว่าทนหน่อย
2. กระดาษสีใดก็ได้ จะกระดาษหนากี่แกรมก็แล้วแต่ตามสะดวก แนะนำให้ใช้กระดาษที่หนาหน่อยจะได้ทนครับ
3. อุปกรณ์ต่างๆ ได้แก่ กรรไกร , กาว หรือกาว2หน้า , ดินสอ , ไม้บรรทัด , ค้อน (ไม่มีใช้อย่างอื่นที่แข็งแรงแทนได้ ผมใช้แม่กุญแจตัวที่แขวนอยู่ตอกแทน)
4. ไอเดีย!!! (สำคัญยิ่ง 555)

นี่เป็นเข็มหมุแบบที่ผมใช้ครับ แบบนี้เอามาตอกแล้วสวยดีครับ พอได้อุปกรณ์ที่จะทำเรียบร้อยแล้ว ก็มาดูแบบกระดาษที่จะตัดกันครับ

รูปแบบกระดาษที่จะตัดแบบอื่นๆ พี่น้องสามารถออกแบบเองได้ครับ อันนี้แล้วแต่ชอบนะครับ บางคนอาจจะติดกระดาษสีอื่นๆ น่ารักๆ มาแปะ หรือเป็นสติกเกอร์น่ารักๆ แปะก็ตามชอบครับ ส่วนของผมใช้กระดาษจดหมายมาตัดทำเป็นกล่องครับ (ซองที่ไม่ใช้เยอะนำมาประยุกต์ใช้ครับ) 

หลังจากตัดกระดาษส่วนที่เป็นกล่องแล้วก็พับแล้วติดกาวให้ดีครับ เพื่อความคงทนสามารถใช้กระดาษซ้อนกัน 2 แผ่นก็ได้ครับ จากภาพบนสุด กล่องใส่แผ่น CD ที่ไรท์เสร็จแล้วของผมใช้กระดาษ 2 แผ่นเพื่อความทนครับ ส่วนกล่องข้างๆ ผมเสริมกระดาษภายหลังให้เพิ่มการรับน้ำหนักให้มากขึ้น

เห็นไหมครับ ง่ายๆ ใครๆ ก็ทำได้ คนอย่างผมที่ความสามารถด้านงานบ้านต่ำก็ยังทำได้เลย เย้ๆ (พวกเย็บปักถักร้อยไม่ค่อยถนัดเลยครับ) เพื่อนๆ ก็ลองนำไปประยุกต์ใช้กันดูนะครับ ^^ 

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

ปล. แบบกล่องกระดาษอื่นๆ ลองหาเพิ่มจาก google ดูนะครับ รู้สึกมันมีวิธีทำกล่องกระดาษ โดยไม่ต้องใ้ช้กาวติดเลยก็มีครับ ใช้วิธีการพับอย่างเดียว (ซึ่งผมทำไม่เป็น 555)