การเขียนโปรแกรม css

5

ฟองแบบเลื่อนลง bootstrap จัดชิดขวา (ไม่กดขวา)

ฉันมีรถเข็นในเมนูด้านบนของฉันโดยใช้push-rightและปัญหาของฉันคือฟองแบบเลื่อนลงหลุดออกจากหน้า ฉันกำลังพยายามจัดแนวฟองให้ถูกต้องเพื่อให้ตรงกับ 'คลิก' แบบนี้ HTML: <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>

91 html css twitter-bootstrap

7

แนวทางปฏิบัติที่ดีที่สุดในการจัดลำดับองค์ประกอบใน <head> คืออะไร

สามารถใช้อะไรก็ได้ตามลำดับ? การวาง<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">มีความสำคัญมาก่อนหรือไม่<title> ใช้มากที่สุดเป็นวิธีที่ดีที่สุดหรือไม่? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Title Goes Here</title> <link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912"> <link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("#wmd-input").focus(); $("#title").focus(); $("#revisions-list").change(function() { window.location = '/posts/1987065/edit/' + $(this).val(); }); }); </script> </head> …

91 html css xhtml w3c

8

หน่วย dp (พิกเซลอิสระหนาแน่น) ที่มี CSS คืออะไร

สำหรับ Android ผู้คนแนะนำให้ใช้การวัดค่า dp (พิกเซลที่เป็นอิสระจากความหนาแน่น) สำหรับองค์ประกอบ UI และมีข้อกำหนดที่มีอยู่เช่นการใช้48dpสำหรับความสูงของปุ่มเป็นต้น ฉันกำลังทำงานเกี่ยวกับแอปพลิเคชันบนเว็บและได้รับคำวิจารณ์มากมายเกี่ยวกับการออกแบบ UI ว่าไม่เป็นไปตามมาตรฐานการออกแบบของ Android เห็นได้ชัดว่าแอปพลิเคชันของฉันจะดูแตกต่างออกไปเนื่องจากใช้ CSS และ HTML แทนธีม Android Holo แต่ฉันยังคงต้องการให้เป็นไปตามนั้นให้มากที่สุด อย่างไรก็ตาม CSS ไม่อนุญาตให้ทำการวัดความหนาแน่นโดยอิสระ เมื่อฉันทดสอบแอปพลิเคชันของฉันด้วยความละเอียดและความหนาแน่นของพิกเซลที่แตกต่างกันมันดูไม่ดีนักและบางครั้งมันก็ผิดสัดส่วนดังนั้นจึงไม่สามารถใช้งานได้ CSS ไม่มีหน่วย dp เหมือนกับการพัฒนาเนทีฟของ Android แต่ฉันสงสัยว่าทางเลือกอื่นคืออะไร ฉันสามารถรับความหนาแน่นของพิกเซลโดยใช้ Javascript และปรับขนาดทุกอย่างให้เหมาะสมด้วยตนเองได้หรือไม่ วิธีใดเป็นวิธีที่ดีที่สุดในการสร้างเว็บแอปที่มีลักษณะและทำงานได้ดีกับความละเอียด / ความหนาแน่นทั้งหมด

91 android css web-applications user-interface screen

12

TypeError: $ (…) .DataTable ไม่ใช่ฟังก์ชัน

ฉันพยายามที่จะทำงานกับ jQuery ของ DataTable JS สำหรับโครงการของฉันจากนี้การเชื่อมโยง ฉันดาวน์โหลดไลบรารีทั้งหมดจากแหล่งเดียวกัน ตัวอย่างทั้งหมดที่ให้ไว้ในแพ็กเกจดูเหมือนจะใช้งานได้ดี แต่เมื่อฉันพยายามรวมไว้ในWebFormsCSS, JS ไม่ทำงานเลย นี่คือสิ่งที่ฉันได้ทำ: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="css/jquery.dataTables.css" rel="stylesheet" type="text/css" /> </head> <body> <form id="form1" runat="server"> <div> <table id="myTable" class="display" cellspacing="0" width="100%"> <thead> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </thead> <tfoot> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> …

91 javascript jquery css asp.net datatables

6

วิธีวางเคอร์เซอร์ (โฟกัสอัตโนมัติ) ในกล่องข้อความเมื่อโหลดหน้าโดยไม่รองรับจาวาสคริปต์

ฉันมีแบบฟอร์มที่มีช่องข้อความและต้องการวางเคอร์เซอร์ (โฟกัสอัตโนมัติ)ไว้ที่ช่องข้อความแรกของฟอร์มเมื่อโหลดหน้า ฉันต้องการทำโดยไม่ต้องใช้จาวาสคริปต์

91 css html

8

มี srcset เทียบเท่ากับภาพพื้นหลัง css หรือไม่

imgด้วยsrcsetแอตทริบิวต์ดูเหมือนเป็นวิธีที่ยอดเยี่ยมในการทำรูปภาพที่ตอบสนอง มีไวยากรณ์เทียบเท่าที่ทำงานในbackground-imageคุณสมบัติcss หรือไม่ HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something goes here?); }

91 html css background-image srcset

2

คุณสามารถจัดรูปแบบหมายเลขรายการสั่งซื้อได้หรือไม่?

ฉันกำลังพยายามจัดรูปแบบตัวเลขในรายการสั่งซื้อฉันต้องการเพิ่มสีพื้นหลังรัศมีขอบและสีเพื่อให้ตรงกับการออกแบบที่ฉันกำลังดำเนินการ: ฉันเดาว่าเป็นไปไม่ได้และฉันจะต้องใช้รูปภาพที่แตกต่างกันสำหรับแต่ละหมายเลขเช่น ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... มีวิธีแก้ปัญหาที่ง่ายกว่านี้หรือไม่?

91 html css html-lists sprite

4

มีคลาสหลอก CSS ตรงข้ามกับ: hover หรือไม่?

มีคลาสหลอกใน CSS เพื่อระบุหรือไม่ :not(:hover) หรือนั่นเป็นวิธีเดียวที่จะระบุรายการที่ไม่ถูกลอยอยู่? ฉันผ่านการอ้างอิง CSS3 หลายครั้งและไม่เห็นการกล่าวถึงคลาสหลอก CSS เพื่อระบุสิ่งที่ตรงกันข้ามกับ: hover

91 css css-selectors pseudo-class

23

จะหลีกเลี่ยงหน้าว่างส่วนท้ายขณะพิมพ์ได้อย่างไร?

ฉันใช้คุณสมบัติ CSS ถ้าฉันใช้page-break-after: always;=> มันจะพิมพ์หน้าว่างส่วนเกินมาก่อน ถ้าฉันใช้page-break-before: always;=> มันจะพิมพ์หน้าว่างเพิ่มเติมตามหลัง จะหลีกเลี่ยงสิ่งนี้ได้อย่างไร? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <style type="text/css"> .print{ page-break-after: always; } </style> <script type="text/javascript"> window.print(); </script> </head> <body> <div class="print">fd</div> <div class="print">fdfd</div> </body> </html>

91 css printing

8

สีพื้นหลัง CSS แบบโปร่งใส

ฉันต้องการทำให้พื้นหลังของเมนูรายการหายไปโดยใช้ความทึบโดยไม่ส่งผลต่อฟอนต์ เป็นไปได้ด้วย CSS3?

91 html css opacity

3

แถว Bootstrap ที่มีคอลัมน์ที่มีความสูงต่างกัน

ขณะนี้ฉันมีสิ่งที่ต้องการ: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> ตอนนี้สมมติว่าcontentเป็นกล่องที่มีความสูงต่างกันโดยมีความกว้างเท่ากันทั้งหมด - ฉันจะรักษา "เค้าโครงตามตาราง" เดียวกันได้อย่างไรและยังมีกล่องทั้งหมดเรียงกันอยู่ใต้กันและกันแทนที่จะเป็นเส้นที่สมบูรณ์แบบ ปัจจุบัน TWBS จะวางบรรทัดถัดไปของcol-md-4องค์ประกอบที่ยาวที่สุดในแถวที่สามก่อนหน้าดังนั้นแต่ละแถวของรายการจึงถูกจัดวางอย่างสมบูรณ์แบบในขณะที่สิ่งนี้ยอดเยี่ยมฉันต้องการให้แต่ละรายการอยู่ภายใต้องค์ประกอบสุดท้ายโดยตรง (เลย์เอาต์ "ก่ออิฐ" )

91 html css twitter-bootstrap responsive-design bootstrap-4

10

วิธีปิดการแจ้งเตือนโดยอัตโนมัติโดยใช้ Twitter Bootstrap

ฉันใช้เฟรมเวิร์ก CSS bootstrap ของ twitter (ซึ่งยอดเยี่ยมมาก) สำหรับบางข้อความถึงผู้ใช้ฉันกำลังแสดงข้อความโดยใช้การแจ้งเตือน Javascript JS และ CSS สำหรับผู้ที่สนใจสามารถดูได้ที่นี่: http://getbootstrap.com/javascript/#alerts ปัญหาของฉันคือสิ่งนี้ หลังจากที่ฉันแสดงการแจ้งเตือนให้กับผู้ใช้ฉันต้องการให้มันหายไปหลังจากช่วงเวลาหนึ่ง จากเอกสารของ twitter และรหัสที่ฉันได้ตรวจสอบดูเหมือนว่าสิ่งนี้ไม่ได้ถูกอบใน: คำถามแรกของฉันคือคำขอเพื่อยืนยันว่าสิ่งนี้ไม่ได้ถูกรวมเข้ากับ Bootstrap ประการที่สองฉันจะบรรลุพฤติกรรมนี้ได้อย่างไร?

90 javascript jquery css twitter-bootstrap alert

6

จัดปุ่มตรงกลางในแนวตั้งในเซลล์ตารางโดยใช้ Twitter Bootstrap

ฉันใช้ Twitter Bootstrap และพยายามจัดปุ่มให้อยู่กึ่งกลางภายในเซลล์ตาราง ฉันต้องการให้มันอยู่ตรงกลางในแนวตั้งเท่านั้น <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> โปรดดูJSFiddleของฉันสำหรับปัญหา ฉันได้ลองใช้เทคนิคการจัดโต๊ะตรงกลางหลายอย่างที่ฉันรู้ แต่ดูเหมือนจะไม่มีอะไรทำงานได้อย่างถูกต้อง ความคิดใด ๆ ? ขอบคุณล่วงหน้า. UPDATE:ใช่ฉันได้พยายามvertical-align:middle;และผลงานว่าถ้ามันเป็นแบบอินไลน์ แต่ไม่ได้ถ้ามันอยู่ในระดับที่tdมี อัปเดต JSFiddle เพื่อแสดงสิ่งนี้ การอัปเดตครั้งสุดท้าย:ฉันเป็นคนงี่เง่าและไม่ได้ตรวจสอบว่ามีการเขียนทับโดย bootstrap.css หรือไม่

90 css twitter-bootstrap

11

ปุ่ม Imageless ของ Google

เมื่อเร็ว ๆ นี้มีบทความบางส่วนเกี่ยวกับปุ่มไร้ภาพใหม่ของ Google: http://stopdesign.com/archive/2009/02/04/recreating-the-button.html http://stopdesign.com/eg/buttons/3.0/code.html http://stopdesign.com/eg/buttons/3.1/code.html http://gmailblog.blogspot.com/2009/02/new-ways-to-label-with-move-to-and-auto.html ฉันชอบการทำงานของปุ่มใหม่เหล่านี้ใน Gmail มาก ฉันจะใช้ปุ่มเหล่านี้หรือปุ่มที่คล้ายกันบนไซต์ของฉันได้อย่างไร มีโครงการโอเพ่นซอร์สที่มีรูปลักษณ์และความรู้สึกคล้ายกันหรือไม่? หากฉันต้องการม้วนแพ็กเกจปุ่มของตัวเองแบบนี้โดยใช้ JQuery / XHTML / CSS ฉันจะใช้องค์ประกอบใดได้บ้าง ความคิดเริ่มต้นของฉันคือ: มาตรฐาน<input type="button">กับ css เพื่อปรับปรุงรูปลักษณ์ (บทความการออกแบบส่วนใหญ่พูดถึง css / imges เกี่ยวข้อง) jquery javascript เพื่อเปิดกล่องโต้ตอบแบบกำหนดเองที่รูทไปยังปุ่มบนเหตุการณ์ "onclick" ซึ่งจะมี<a>แท็กอยู่ในนั้นและแถบค้นหาสำหรับการกรอง เค้าโครงตารางสำหรับป๊อปอัปนั้นจะมีเหตุผลหรือไม่? ฉันแย่มากในการทำวิศวกรรมย้อนกลับบนเว็บมีเครื่องมืออะไรบ้างที่ฉันสามารถใช้เพื่อช่วยทำวิศวกรรมย้อนกลับปุ่มเหล่านี้ได้ การใช้แถบเครื่องมือนักพัฒนาเว็บของ Firefox ฉันมองไม่เห็น css หรือ javascript (แม้ว่าจะถูกย่อขนาด) ที่ใช้ในกล่องโต้ตอบป๊อปอัปของปุ่ม ฉันสามารถใช้เครื่องมือเบราว์เซอร์ใดหรือวิธีการอื่นใดเพื่อดูและรับแนวคิดบางอย่าง ฉันไม่ต้องการขโมย IP ใด ๆ …

90 javascript html css gmail reverse-engineering

7

เพิ่มช่องว่างระหว่างเซลล์ (td) โดยใช้ css

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

90 html css

คำถามติดแท็ก css