ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: lowskill ที่ 01 มกราคม 2008, 16:49:48



หัวข้อ: ขอคำแนะนำ wp เรื่อง css จะทำยังไงให้มีกรอบภาพ ตอนที่ทำลิงค์ภาพ
เริ่มหัวข้อโดย: lowskill ที่ 01 มกราคม 2008, 16:49:48
ตอนแรก wp theme มันมีกรอบภาพสีเทาๆ สวยดีครับ

(http://img231.imageshack.us/img231/2406/borderpicsex6.gif)

แต่พอผมใส่ลิงค์ให้กับภาพ แบบว่าพอกดที่ภาพแล้วมันจะไปที่หน้าต่างใหม่แล้วมีภาพใหญ่ๆ หรือกดภาพแล้วลิงค์ไปเว็บอื่น  ภาพมันจะไม่มีขอบเทาทันทีครับ

(http://img239.imageshack.us/img239/9859/nobordergq4.gif)

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

โค๊ด:
img a{
border:none;
}

.entry {
font-family: Ms Sans Serif, Verdana;
font-size:14px;
line-height:18px;
}

.entry p{
margin-bottom:12px;
}

.entry img {
margin-bottom:2px;
padding:5px;
border: 1px solid #ddd;
}

.entry a{
font-size:12px;
color:#003cff;
text-decoration:none;
}

.entry a:hover{
color:#003cff;
text-decoration:none;
}


หัวข้อ: Re: ขอคำแนะนำ wp เรื่อง css จะทำยังไงให้มีกรอบภาพ ตอนที่ทำลิงค์ภาพ
เริ่มหัวข้อโดย: ball6847 ที่ 01 มกราคม 2008, 18:12:36
อ้างถึง
img a{
border:none;
}

ก็กำหนดให้มันไม่มีเส้นขอบอ่ะคับ

img a <-- หมายถึงรูปภาพ ที่เป็นลิ้งค์
border:none; <-- หมายถึง เส้นขอบไม่ต้อง

คิดว่าลบ บล็อกนี้ออกไป ก็น่าจะหายแล้วครับ ลองดูนะคับ ได้ไม่ได้ก็รายงานด้วยคับ
อ้างถึง
img a{
border:none;
}


หัวข้อ: Re: ขอคำแนะนำ wp เรื่อง css จะทำยังไงให้มีกรอบภาพ ตอนที่ทำลิงค์ภาพ
เริ่มหัวข้อโดย: lowskill ที่ 01 มกราคม 2008, 20:28:34
ลองลบแล้วไม่ได้อ่ะครับ พอดีธีมตัวนี้มัน ดึงค่า entry มาใช้อ่ะครับ ก็เลยนั่งงมกับ entry ไมไ่ด้ซักที


หัวข้อ: Re: ขอคำแนะนำ wp เรื่อง css จะทำยังไงให้มีกรอบภาพ ตอนที่ทำลิงค์ภาพ
เริ่มหัวข้อโดย: Kazamatsuri ที่ 01 มกราคม 2008, 23:09:14
งั้นลองอันนี้ครับ

โค๊ด:
.entry img a{
margin-bottom:2px;
padding:5px;
border: 1px solid #ddd;
}

ไม่ชัวร์นะครับ เดา ๆเอา แต่ผมแปลกใจว่าทำไมลบ
img a{
border:none;
}
ออกไปแล้วมันถึงไม่หาย

ปล. เพิ่มนะครับ ไม่ใช่แก้