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

9

การควบคุมการซูมของ Google แผนที่เกิดความสับสน

ฉันใช้ Google Maps API (v.3) เพื่อแสดงแผนที่พร้อมเครื่องหมายสองสามตัว ฉันเพิ่งสังเกตเห็นว่าการควบคุมที่ใช้ในการซูมแผนที่นั้นเกิดความยุ่งเหยิง (มันไม่ได้เป็นแบบนี้เสมอไป) ฉันไม่รู้ว่าสาเหตุคืออะไร ปรับปรุง เดิมโพสต์นี้มีลิงค์ไปยังหน้าที่คุณสามารถดูปัญหาได้ แต่ตอนนี้ลิงค์เสียดังนั้นฉันจึงลบมันออก

172 javascript css google-maps

14

Bootstrap พ่นข้อผิดพลาดที่ไม่ได้ตรวจ: JavaScript ของ Bootstrap ต้องการ jQuery [ปิด]

ปิด. คำถามนี้ต้องการรายละเอียดการแก้จุดบกพร่อง ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน2 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันพยายามใช้ Bootstrap เพื่อสร้างอินเตอร์เฟสสำหรับโปรแกรม ฉันเพิ่ม jQuery 1.11.0 ไปยัง<head>แท็กและคิดว่าเป็นเช่นนั้น แต่เมื่อฉันเปิดหน้าเว็บในเบราว์เซอร์ jQuery รายงานข้อผิดพลาด: Uncaught Error: Bootstrap's JavaScript requires jQuery ฉันได้ลองใช้ jQuery 1.9.0 ฉันได้ลองกับสำเนาที่โฮสต์ใน CDN หลายแห่ง แต่ฉันไม่สามารถใช้งานได้ ใครช่วยชี้สิ่งที่ฉันทำผิดได้ไหม

172 jquery html css twitter-bootstrap twitter-bootstrap-3

16

กำจัดมุมที่โค้งมนทั้งหมดใน Twitter Bootstrap

ฉันชอบ Twitter Bootstrap 2.0 - ฉันชอบที่มันเป็นห้องสมุดที่สมบูรณ์แบบ ... แต่ฉันต้องการที่จะสร้างการเปลี่ยนแปลงระดับโลกสำหรับเว็บไซต์ที่ไม่ได้เป็นกล่องที่รอบกล่องซึ่งจะกำจัดมุมที่โค้งมนใน Bootstrap ... นั่นเป็น CSS จำนวนมากที่ต้องตัดใจ มีสวิตช์ส่วนกลางหรือจะเป็นวิธีที่ดีที่สุดในการค้นหาและแทนที่การปัดเศษทั้งหมดหรือไม่

172 css twitter-bootstrap twitter-bootstrap-2

6

รีเซ็ตคุณสมบัติการแสดง CSS เป็นค่าเริ่มต้น

เป็นไปได้ที่จะแทนที่คุณสมบัติการแสดงผลด้วยค่าเริ่มต้นหรือไม่? ตัวอย่างเช่นหากฉันได้ตั้งค่าเป็นไม่มีในสไตล์เดียวและฉันต้องการแทนที่ในรูปแบบอื่นด้วยค่าเริ่มต้น หรือเป็นวิธีเดียวที่จะค้นหาว่าค่าเริ่มต้นขององค์ประกอบนั้นคืออะไรแล้วตั้งค่าเป็น? ไม่ต้องการที่จะรู้ว่าองค์ประกอบนั้นมักจะถูกบล็อก, อินไลน์หรืออะไรก็ตาม ...

172 css default

15

Div ความสูง 100% และขยายเพื่อให้พอดีกับเนื้อหา

ฉันมีองค์ประกอบ div ในหน้าของฉันโดยตั้งความสูงไว้ที่ 100% ความสูงของร่างกายนั้นตั้งไว้ที่ 100% div ภายในมีพื้นหลังและทั้งหมดนั้นและแตกต่างจากพื้นหลังของร่างกาย วิธีนี้ใช้สำหรับสร้าง div div 100% ของความสูงของหน้าจอเบราว์เซอร์ แต่ปัญหาคือฉันมีเนื้อหาภายใน div ที่ขยายในแนวตั้งเกินความสูงของหน้าจอเบราว์เซอร์ เมื่อฉันเลื่อนลง div จะสิ้นสุดที่จุดที่คุณต้องเริ่มเลื่อนหน้า แต่เนื้อหาล้นเกินกว่านั้น ฉันจะทำให้ div ไปทางด้านล่างเพื่อให้พอดีกับเนื้อหาภายในได้อย่างไร นี่เป็น CSS ที่เรียบง่ายของฉัน: body { height:100%; background:red; } #some_div { height:100%; background:black; } เมื่อฉันเลื่อนหน้าความมืดจะสิ้นสุดลงและเนื้อหาจะไหลลงบนพื้นหลังสีแดง ดูเหมือนว่าไม่สำคัญว่าฉันจะตั้งค่า positon ให้สัมพันธ์หรือสัมบูรณ์บน #some_div ปัญหาจะเกิดขึ้นด้วยวิธีใดก็ตาม เนื้อหาภายใน #some_div ส่วนใหญ่อยู่ในตำแหน่งที่แน่นอนและสร้างขึ้นแบบไดนามิกจากฐานข้อมูลเพื่อไม่ให้ทราบความสูงล่วงหน้า แก้ไข: นี่คือภาพหน้าจอของปัญหา:

172 css html height overflow

9

CSS Input with width: 100% ไปนอกขอบเขตของผู้ปกครอง

ฉันกำลังพยายามสร้างฟอร์มการเข้าสู่ระบบที่ประกอบด้วยสองฟิลด์อินพุตด้วยการเติมส่วนแทรก ปัญหาเกิดขึ้นจากสิ่งที่ใส่เข้าไปเพิ่ม padding สิ่งที่สามารถทำได้เพื่อแก้ไขปัญหานี้? ตัวอย่าง JSFiddle: http://jsfiddle.net/4x2KP/ NB: รหัสอาจจะไม่สะอาดที่สุด ตัวอย่างเช่นองค์ประกอบการขยายที่ห่อหุ้มอินพุตข้อความอาจไม่จำเป็นเลย #mainContainer { line-height: 20px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; background-color: rgba(0,50,94,0.2); margin: 20px auto; display: table; -moz-border-radius: 15px; border-style: solid; border-color: rgb(40, 40, 40); border-radius: 2px 5px 2px 5px / 5px 2px 5px 2px; border-radius: 2px; border-radius: 2px 5px / 5px; box-shadow: …

172 css forms input width

21

องค์ประกอบเคลื่อนไหวถึงความสูงอัตโนมัติด้วย jQuery

ฉันต้องการให้เคลื่อนไหว<div>จาก200pxการautoสูง ฉันไม่สามารถทำงานได้ ไม่มีใครรู้ได้อย่างไร นี่คือรหัส: $("div:first").click(function(){ $("#first").animate({ height: "auto" }, 1000 ); });

171 javascript jquery html css jquery-animate

5

วิธีการปิดการใช้งานการปรับขนาด textarea?

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

171 html css

5

วิธีจัดแนว div ให้อยู่ด้านบนสุดของพาเรนต์ แต่ยังคงพฤติกรรมแบบอินไลน์บล็อกอยู่

ดู: http://jsfiddle.net/b2BpB/1/ ถาม: คุณจะทำให้ box1 และ box3 จัดตำแหน่งไปที่ด้านบนของ div parent ได้boxContainerอย่างไร #boxContainerContainer { background: #fdd; text-align: center; } #boxContainer { display: inline-block; border: thick dotted #060; margin: 0px auto 10px auto; text-align: left; } #box1 { width: 50px; height: 50px; background: #999; display: inline-block; } #box2 { width: 50px; height: …

171 css html

11

Bootstrap คอลัมน์ด้านขวาบนมุมมองมือถือ

ฉันมีหน้า Bootstrap เช่นนี้: <div class="row"> <div class="col-md-6"> A </div> <div class="col-md-6"> B </div> </div> ดูเหมือนกับ: ----- |A|B| ----- ดังนั้นถ้าฉันดูบนอุปกรณ์มือถือคอลัมน์ A จะอยู่ด้านบน แต่ฉันต้องการให้ B อยู่ด้านบน เป็นไปได้ไหม ฉันลองด้วยการดึง แต่ก็ไม่ได้ผล

171 html css twitter-bootstrap-3

2

แก้ไข alpha opacity ของตัวแปร LESS

ใช้น้อยฉันรู้ว่าฉันสามารถเปลี่ยนความอิ่มตัวหรือสีอ่อนของตัวแปรสี ดูเหมือนว่า: background: lighten(@blue, 20%); ฉันต้องการเปลี่ยนความทึบของสีของฉันเอง ชอบสิ่งนี้: background: alpha(@blue, 20%); มีวิธีการง่ายๆใน LESS หรือไม่?

171 css variables less opacity alpha

11

CSS / HTML: สร้างเส้นขอบที่เร่าร้อนรอบฟิลด์อินพุต

ฉันต้องการสร้างอินพุตที่เหมาะสมสำหรับแบบฟอร์มของฉันและฉันอยากรู้ว่า TWITTER ทำเส้นขอบที่เร่าร้อนรอบอินพุตของพวกเขาอย่างไร ตัวอย่าง / รูปภาพของเส้นขอบ Twitter: ฉันก็ไม่รู้เหมือนกันว่าจะสร้างมุมมนได้อย่างไร

171 html css input border glow

26

ปรับความกว้างของฟิลด์อินพุตเป็นอินพุต

<html> <head> </head> <body> <input type="text" value="1" style="min-width:1px;" /> </body> </html> นี่คือรหัสของฉันและมันไม่ทำงาน มีวิธีอื่นใน HTML, JavaScript, PHP หรือ CSS เพื่อกำหนดความกว้างขั้นต่ำหรือไม่ ฉันต้องการฟิลด์ป้อนข้อความที่มีการเปลี่ยนแปลงความกว้างแบบไดนามิกเพื่อให้ฟิลด์อินพุตของเหลวล้อมรอบเนื้อหา อินพุตทุกตัวมีช่องว่าง2emภายในซึ่งเป็นปัญหาและปัญหาที่สองmin-widthคือว่าไม่ได้ทำงานกับอินพุตเลย หากฉันตั้งค่าความกว้างมากกว่าที่ต้องการมากกว่าโปรแกรมทั้งหมดยุ่งฉันต้องการความกว้าง 1px มากขึ้นถ้าจำเป็นเท่านั้น

171 javascript html css

17

CSS มีอะไรที่ไม่ดีเลย

เมื่อฉันเห็นรหัสเริ่มต้นของเว็บไซต์และตัวอย่าง CSS จะอยู่ในไฟล์แยกต่างหากตั้งชื่อบางอย่างเช่น "main.css", "default.css" หรือ "Site.css" อย่างไรก็ตามเมื่อฉันเขียนโค้ดขึ้นหน้าฉันมักจะล่อลวง CSS ในบรรทัดกับองค์ประกอบ DOM เช่นโดยการตั้งค่า "ลอย: ขวา" บนภาพ ฉันรู้สึกว่านี่เป็น "การเข้ารหัสที่ไม่ดี" เนื่องจากเป็นตัวอย่างที่ไม่ค่อยได้ทำ ฉันเข้าใจว่าถ้าสไตล์จะถูกนำไปใช้กับวัตถุหลาย ๆ อย่างก็ควรทำตาม "อย่าทำซ้ำตัวเอง" (DRY) และกำหนดให้คลาส CSS เพื่ออ้างอิงโดยองค์ประกอบแต่ละรายการ อย่างไรก็ตามถ้าฉันจะไม่ทำ CSS ซ้ำในองค์ประกอบอื่นทำไมไม่ใส่ CSS ลงไปในขณะที่ฉันเขียน HTML? คำถาม: การใช้ CSS ในบรรทัดถือว่าไม่ดีแม้ว่าจะใช้กับองค์ประกอบนั้นเท่านั้นหรือไม่ ถ้าเป็นเช่นนั้นทำไม ตัวอย่าง (อันนี้แย่ใช่ไหม): <img src="myimage.gif" style="float:right" />

170 css inline-styles

7

CSS สำหรับเคอร์เซอร์โลภ (ลากและวาง)

ฉันมี webapp JavaScript ที่ผู้ใช้ต้องการคว้าพื้นหลังเพื่อย้ายทั้งหน้าจอไปรอบ ๆ ดังนั้นฉันต้องการให้เคอร์เซอร์เปลี่ยนเมื่อพวกเขาลอยอยู่เหนือพื้นหลัง -moz-grabและ-moz-grabbingCSS เคอร์เซอร์ที่เหมาะสำหรับการนี้ แน่นอนพวกเขาทำงานเฉพาะใน Firefox ... มีเคอร์เซอร์ที่เทียบเท่ากับเบราว์เซอร์อื่นหรือไม่? ฉันต้องทำอะไรที่กำหนดเองได้เล็กน้อยกว่าเคอร์เซอร์ CSS มาตรฐานหรือไม่

170 css cursor

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