leknarm's blog

แสดงบทความที่มีป้ายกำกับ css แสดงบทความทั้งหมด

วันอาทิตย์ที่ 30 กันยายน พ.ศ. 2555

วิธีการทำเส้นใต้เป็นเส้นประบน HTML

ปกติเวลาเราจะขีดเส้นใต้บน HTML เราก็มากำหนด CSS ดังนี้

a {
   text-decoration: underline;
}

วิธีการทำเส้นประบน HTML ก็ไม่ได้ยากอะไร เพียงแค่เปลี่ยนจากการทำ text-decoration เป็นการทำ border แทนและกำหนดให้เป็นเส้นประดังนี้

a {
   border-bottom: 1px dotted;
}

เท่านี้ก็ได้เส้นประตามที่ต้องการแล้ว

วันศุกร์ที่ 14 มกราคม พ.ศ. 2554

First child CSS Selector

วันนี้จะมาเขียนเรื่องการใช้งาน CSS Selector ในส่วนของ First child element ซึ่งหมายถึงการระบุว่าจะทำงานกับ element แรกเท่านั้นดังตัวอย่าง

<html>
  <head>
    <title>CSS Selector</title>
  </head>
  <body>
    <div>
      <p>div1 line1</p>
      <p>div1 line2</p>
      <p>div1 line3</p>
    </div>
    <div>
      <p>div2 line1</p>
      <p>div2 line2</p>
      <p>div2 line3</p>
    </div>
  </body>
</html>

หากโจทย์ต้องการให้กำหนดสีให้กับ <p> แรกของแต่ละ div จะทำได้โดยใช้ :first-child ต่อหลัง tag ดังตัวอย่าง

<style type="text/css">
  div > p:first-child { color: red;}
</style>

เท่านั้น div1 line1 และ div2 line1 ก็จะมีตัวอักษรสีแดงแล้วครับ

วันจันทร์ที่ 31 สิงหาคม พ.ศ. 2552

หากใครใช้ drupal แล้วการแสดงผลบน ie มีปัญหาอ่านทางนี้เลยครับ

บน drupal การแสดงผล css บน ie จะ link มาได้แค่ 31 link เท่านั้้นจึงทำให้การแสดงผลที่ต้องใช้ css ที่ link เข้ามาตั้งแต่ไฟล์ที่ 32 ขึ้นไปจะมีการแสดงผลที่เละได้ ซึ่ง drupal ก็มี module ที่ใช้แก้ไขคือ unlimited css ซึ่งสามารถดาวน์โหลดได้ที่ http://drupal.org/project/unlimited_css
โดยเมื่อติดตั้งเสร็จแล้ว เปิดใช้งาน module การแสดงผลก็จะดีขึ้นมาทันตาเห็นเลยครับ

เอแต่ทำไม drupal เขาไม่ลงมาแต่แรกเลยหว่างง

leknarm's blog

วันอาทิตย์ที่ 30 กันยายน พ.ศ. 2555

วิธีการทำเส้นใต้เป็นเส้นประบน HTML

วันศุกร์ที่ 14 มกราคม พ.ศ. 2554

First child CSS Selector

วันจันทร์ที่ 31 สิงหาคม พ.ศ. 2552

Drupal css limited

Blogroll

About