ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingcss จะทำแบบคล้ายจดหมายยังไงดีครับ
« หน้าที่แล้ว ต่อไป »
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: css จะทำแบบคล้ายจดหมายยังไงดีครับ  (อ่าน 1047 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« เมื่อ: 08 มิถุนายน 2012, 14:27:46 »
ประมาณนี้ครับ

   รายละเอียด......................................
........................................................
........................................................
........................................................

พอดีผมจะทำตัวรายงานโดยใช้ mPDF นะครับ ผมจะมีคำว่า "รายละเอียด...." แปะเอาไว้ แล้วจะเอาข้อมูลในฐานข้อมูลมาใส่นะครับ ปัญหามีอยู่ว่า ถ้าคำมันสั้นๆ บรรทัดเดียวไม่มีปัญหา แต่ถ้าเกิดยาวๆ หลายบรรทัด จะกำหนด css ยังไงดี ให้มันพอดีกับเส้นประ เวลาขึ้นบรรทัดใหม่นะครับ
รบกวนด้วยครับ ขอบคุณครับ  wanwan017
« แก้ไขครั้งสุดท้าย: 08 มิถุนายน 2012, 14:29:35 โดย fogza » บันทึกการเข้า
:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
adaaugusta
ก๊วนเสียว
*

พลังน้ำใจ: 109
ออฟไลน์ ออฟไลน์

กระทู้: 466



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 08 มิถุนายน 2012, 15:35:39 »
ใช้คำสั่ง line-hight ครับ จัดการเรื่องความห่างระหว่างบรรทัด แล้วค่อยปรับเอา
บันทึกการเข้า
ทำเว็บไซต์ | ทำเว็บ | สร้างเว็บ | สร้างเว็บไซต์ | Mglobemall
pugler
ก๊วนเสียว
*

พลังน้ำใจ: 9
ออฟไลน์ ออฟไลน์

กระทู้: 206



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 08 มิถุนายน 2012, 15:37:33 »
ใช้ border-bottom: 1px dotted #000000; ได้มั้ยครับ
บันทึกการเข้า
รับทำเว็บไซต์ทุกชนิด ทุก CMS ตัด template CSS Javascript HTML ด่วน ดี ถูก!
adaaugusta
ก๊วนเสียว
*

พลังน้ำใจ: 109
ออฟไลน์ ออฟไลน์

กระทู้: 466



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 08 มิถุนายน 2012, 15:40:19 »
อ้างจาก: fogza ที่ 08 มิถุนายน 2012, 14:27:46
ประมาณนี้ครับ

   รายละเอียด......................................
........................................................
........................................................
........................................................

พอดีผมจะทำตัวรายงานโดยใช้ mPDF นะครับ ผมจะมีคำว่า "รายละเอียด...." แปะเอาไว้ แล้วจะเอาข้อมูลในฐานข้อมูลมาใส่นะครับ ปัญหามีอยู่ว่า ถ้าคำมันสั้นๆ บรรทัดเดียวไม่มีปัญหา แต่ถ้าเกิดยาวๆ หลายบรรทัด จะกำหนด css ยังไงดี ให้มันพอดีกับเส้นประ เวลาขึ้นบรรทัดใหม่นะครับ
รบกวนด้วยครับ ขอบคุณครับ  wanwan017

ว่าแต่ตอนนี้ไอข้างบนน่ะ มันครอบด้วยอะไรอยู่หรือป่าว อยู่ๆ จะให้ Text ลอยเหนือ ...... โดยที่ รายละเอียด ยังอยู่ที่เดิมคงต้องปรับเยอะนะ
บันทึกการเข้า
ทำเว็บไซต์ | ทำเว็บ | สร้างเว็บ | สร้างเว็บไซต์ | Mglobemall
tctheworld
สมุนแก๊งเสียว
*

พลังน้ำใจ: 74
ออฟไลน์ ออฟไลน์

กระทู้: 607



ดูรายละเอียด
« ตอบ #4 เมื่อ: 08 มิถุนายน 2012, 16:43:47 »
ปรับให้ style ที่เป็น ... ด้วย border-bottom : 1px dashed #999 ครับ แค่นี้จริงๆ

ขอถามหน่อยครับว่าตรงนี้สามารถ fix ฟอร์ม ได้ไหมครับ ถ้าเป็น PDF น่าจะ fix ฟอร์มรึเปล่า ถ้า fix ได้ก็ง่ายเลยครับ ให้ li ถือว่าเป็น 1 บรรทัด แล้วใช้ css dash เข้าไปในแต่ละ line
« แก้ไขครั้งสุดท้าย: 08 มิถุนายน 2012, 16:47:51 โดย tctheworld » บันทึกการเข้า
รับออกแบบเว็บไซต์
รับทำเว็บไซต์
PM มาได้ครับ
fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #5 เมื่อ: 08 มิถุนายน 2012, 22:32:51 »
อ้างจาก: tctheworld ที่ 08 มิถุนายน 2012, 16:43:47
ปรับให้ style ที่เป็น ... ด้วย border-bottom : 1px dashed #999 ครับ แค่นี้จริงๆ

ขอถามหน่อยครับว่าตรงนี้สามารถ fix ฟอร์ม ได้ไหมครับ ถ้าเป็น PDF น่าจะ fix ฟอร์มรึเปล่า ถ้า fix ได้ก็ง่ายเลยครับ ให้ li ถือว่าเป็น 1 บรรทัด แล้วใช้ css dash เข้าไปในแต่ละ line
เออ!! ใช่ครับ ผมลืมไปเลย ใช้ li แล้วยัด border แบบ dotted เข้าไป แต่จะได้เหมือนที่ต้องการหรือปล่าวไม่แน่ใจ คืออยากจะให้มี ...... ตั้งแต่ขอบกระดาษด้านซ้าย ไปจนถึงขอบกระดาษด้านขวานะครับ

ขอบคุณทุกๆ ท่านครับ
« แก้ไขครั้งสุดท้าย: 08 มิถุนายน 2012, 22:33:10 โดย fogza » บันทึกการเข้า
:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
bonshington
ก๊วนเสียว
*

พลังน้ำใจ: 47
ออฟไลน์ ออฟไลน์

กระทู้: 375



ดูรายละเอียด
« ตอบ #6 เมื่อ: 09 มิถุนายน 2012, 15:42:27 »
style
.dashed-line{
  min-height: 25px;
  border: 1px black dotted;
}

<div class="dashed-line">
  <label>จดหมาย</label>
</div>
<div class="dashed-line"></div>
<div class="dashed-line"></div>
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์
« หน้าที่แล้ว ต่อไป »
กระโดดไป: