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

2

ฉันต้องการ 1 ภาพขนาดใหญ่ขึ้นด้วย 4 ภาพขนาดเล็กในรูปแบบ 2x2 เช่นนี้: ความคิดแรกของฉันคือการบ้านทุกอย่างในแถวเดียว จากนั้นสร้างสองคอลัมน์และในคอลัมน์ที่สองให้สร้างสองแถวและสองคอลัมน์เพื่อสร้างเอฟเฟกต์ 1x1 และ 2x2 อย่างไรก็ตามดูเหมือนจะเป็นไปไม่ได้หรือฉันแค่ทำไม่ถูกต้อง?

196 css html twitter-bootstrap grid grid-system

11

ภาพเคลื่อนไหวการเปลี่ยนแปลง css3 ในการโหลด?

เป็นไปได้ไหมที่จะใช้ภาพเคลื่อนไหวการเปลี่ยน CSS3 ในการโหลดหน้าเว็บโดยไม่ใช้ Javascript นี่คือสิ่งที่ฉันต้องการ แต่ในการโหลดหน้า: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html สิ่งที่ฉันพบจนถึง CSS3 transition-delay , หนทางในการหน่วงเอฟเฟกต์กับองค์ประกอบต่างๆ ใช้งานได้เฉพาะเมื่อวางเมาส์เหนือ CSS3 Keyframeทำงานได้ดี แต่ช้ามาก ไม่มีประโยชน์เพราะสิ่งนั้น การเปลี่ยน CSS3นั้นเร็วพอ แต่อย่าเคลื่อนไหวเมื่อโหลดหน้าเว็บ

196 css webkit css-transitions css-animations

6

วิธีการอ้างอิงไฟล์. css บนมุมมองมีดโกน

ฉันรู้วิธีตั้งค่าไฟล์. css บนไฟล์ _Layout.cshtml แต่สิ่งที่เกี่ยวกับการใช้สไตล์ชีทบนพื้นฐานต่อการดู? ความคิดของฉันที่นี่คือใน _Layout.cshtml คุณมี<head>แท็กที่จะทำงานด้วย แต่ไม่ใช่ในมุมมองที่ไม่ใช่เลย์เอาต์ของคุณ ไม่ที่<link>แท็กไป?

196 css asp.net-mvc razor

4

เติมพื้นที่แนวตั้งที่เหลือด้วย CSS โดยใช้ display: flex

ในรูปแบบ 3 แถว: แถวด้านบนควรมีขนาดตามเนื้อหา แถวด้านล่างควรมีความสูงคงที่เป็นพิกเซล แถวกลางควรขยายเพื่อเติมตู้คอนเทนเนอร์ ปัญหาคือว่าเมื่อเนื้อหาหลักขยายออกมันจะบีบแถวส่วนหัวและส่วนท้าย: HTML: <section> <header> header: sized to content (but is it really?) </header> <div> main content: fills remaining space x x x x x x x x x x  </div> <footer> footer: fixed height in px </footer> </section> CSS: …

196 css layout flexbox

7

แนวทางปฏิบัติที่ดีที่สุดสำหรับการกำหนดสไตล์อีเมล HTML [ปิด]

ปิด คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้มุ่งเน้นที่ปัญหาเดียวโดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังออกแบบเทมเพลต HTML สำหรับจดหมายข่าวทางอีเมล ฉันได้เรียนรู้ว่าไคลเอนต์อีเมลจำนวนมากไม่สนใจสไตล์ชีทที่เชื่อมโยงและอื่น ๆ อีกมากมาย (รวมถึง Gmail) ไม่สนใจการประกาศบล็อก CSS ทั้งหมด แอตทริบิวต์ของรูปแบบอินไลน์เป็นทางเลือกเดียวของฉันหรือไม่ อะไรคือแนวทางปฏิบัติที่ดีที่สุดสำหรับการกำหนดสไตล์อีเมล HTML

195 html css html-email

10

วิธีการลบคุณสมบัติ CSS โดยใช้จาวาสคริปต์?

เป็นไปได้หรือไม่ที่จะลบคุณสมบัติ CSS ขององค์ประกอบโดยใช้ JavaScript เช่นฉันมีdiv.style.zoom = 1.2ตอนนี้ฉันต้องการลบคุณสมบัติการซูมผ่าน JavaScript หรือไม่

195 javascript css

24

ปิดการใช้งานการลากภาพจากหน้า HTML

ฉันต้องใส่ภาพในหน้าของฉัน ฉันต้องการปิดการใช้งานการลากภาพนั้น ฉันพยายามหลายสิ่งหลายอย่าง แต่ไม่ช่วย ใครสามารถช่วยฉันออก ฉันไม่ต้องการเก็บภาพนั้นเป็นภาพพื้นหลังเพราะฉันกำลังปรับขนาดภาพ

195 javascript jquery html css image

8

Canvas ยืดออกเมื่อใช้ CSS แต่ปกติด้วยคุณสมบัติ“ ความกว้าง” /“ ความสูง”

ฉันมี 2 ผืนผ้าใบหนึ่งใช้คุณลักษณะ HTML widthและheightขนาดมันอีกใช้ CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1 แสดงอย่างที่ควรจะเป็น แต่ไม่ใช่ compteur2 เนื้อหาถูกวาดโดยใช้ JavaScript บนผืนผ้าใบขนาด 300x300 ทำไมจึงมีความแตกต่างในการแสดงผล?

195 css html canvas height width

28

CSS @ font-face ไม่ทำงานกับ Firefox แต่ทำงานกับ Chrome และ IE

รหัสต่อไปนี้ใช้งานได้ใน Google Chrome เบต้าเช่นเดียวกับ IE 7 อย่างไรก็ตาม Firefox ดูเหมือนจะมีปัญหากับสิ่งนี้ ฉันสงสัยว่ามันจะเป็นปัญหาของไฟล์ CSS ของฉันรวมอยู่ด้วยทำให้ฉันรู้ว่า Firefox ไม่เป็นมิตรกับการนำเข้าข้ามโดเมน แต่ทั้งหมดนี้เป็นเพียง HTML คงที่และไม่มีคำถามเกี่ยวกับข้ามโดเมน บนหน้า Landing Page ของฉันฉันจะนำเข้า CSS เช่นนี้: <link rel="stylesheet" href="../css/main.css" type="text/css" media="screen, projection" /> ภายใน main.css ฉันมีการนำเข้าอีกเช่น: @import url("reset.css"); @import url("style.css"); @import url("type.css"); และใน type.css ฉันมีการประกาศดังต่อไปนี้: @font-face { font-family: "DroidSerif Regular"; src: url("font/droidserif-regular-webfont.eot"); src: …

195 css firefox font-face file-uri

6

วิธีกำหนดเป้าหมายเฉพาะ IE (รุ่นใดก็ได้) ภายในสไตล์ชีท?

ฉันมีโครงการที่สืบทอดมาและมีสถานที่ที่เป็นระเบียบที่สุด นี่คือหนึ่งในนั้น ฉันต้องการกำหนดเป้าหมายเฉพาะ IE (ทุกรุ่น) #nav li { float: left; height: 54px; background: #4f5151; display: table; border-left: 1px solid grey; } เพื่อให้ชัดเจน: ภายในสไตล์ชีทที่ฝังตัวและไม่มีการเพิ่ม ID หรือคลาสในแท็กใน html ฉันต้องใช้สไตล์เส้นขอบเฉพาะเมื่อผู้ใช้ใช้ IE ฉันจะทำสิ่งนี้ได้อย่างไร แก้ไข: พบโซลูชันสำหรับ Firefox แก้ไขคำถามเพื่อแสดงถึงสิ่งนี้

195 css

11

จะบันทึกการเปลี่ยนแปลง CSS ของแผงสไตล์ของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ได้อย่างไร

จะบันทึกการเปลี่ยนแปลง CSS ของแผงสไตล์ของเครื่องมือนักพัฒนาซอฟต์แวร์ Google Chrome ได้อย่างไร ที่เว็บไซต์ของเครื่องมือมันบอกว่าเราสามารถเห็นการเปลี่ยนแปลงทั้งหมดในแผงทรัพยากร แต่ฉันกำลังทำงานอยู่บนไฟล์ CSS แต่การเปลี่ยนแปลงไม่แสดงในแผงทรัพยากรสำหรับฉัน คุณรู้จักโปรแกรมเสริมใดบ้างเครื่องมือในการบันทึกการเปลี่ยนแปลง css ของเครื่องมือนักพัฒนาซอฟต์แวร์ Chrome หรือไม่ ฉันรู้ว่าสำหรับ Firebug มีhttps://stackoverflow.com/search?q=firebug+CSS+changes+saveมากมาย

195 html css google-chrome google-chrome-extension google-chrome-devtools

4

ตั้งค่าการหมดเวลาสำหรับ ajax (jQuery)

$.ajax({ url: "test.html", error: function(){ //do something }, success: function(){ //do something } }); บางครั้งsuccessฟังก์ชั่นใช้งานได้ดีบางครั้งก็ไม่ ฉันจะตั้งค่าการหมดเวลาสำหรับคำขอ ajax นี้ได้อย่างไร ตัวอย่างเช่น 3 วินาทีหากหมดเวลาให้แสดงข้อผิดพลาด ปัญหาคือคำขอ ajax หยุดการบล็อกจนกว่าจะเสร็จสิ้น หากเซิร์ฟเวอร์หยุดทำงานชั่วครู่เซิร์ฟเวอร์จะไม่สิ้นสุด

195 javascript jquery html css ajax

9

ฉันจะใช้เส้นขอบภายในตารางได้อย่างไร

ฉันกำลังพยายามหาวิธีเพิ่มเส้นขอบในตารางเท่านั้น เมื่อฉันทำ: table { border: 0; } table td, table th { border: 1px solid black; } เส้นขอบอยู่รอบทั้งตารางและระหว่างเซลล์ตาราง สิ่งที่ฉันต้องการบรรลุคือมีขอบเฉพาะภายในตารางรอบ ๆ เซลล์ตาราง (ไม่มีขอบด้านนอกรอบ ๆ ตาราง) นี่คือมาร์กอัปที่ฉันใช้สำหรับตาราง (แม้ว่าฉันคิดว่าไม่สำคัญ): <table> <tr> <th>Heading 1</th> <th>Heading 2</th> </tr> <tr> <td>Cell (1,1)</td> <td>Cell (1,2)</td> </tr> <tr> <td>Cell (2,1)</td> <td>Cell (2,2)</td> </tr> <tr> <td>Cell (3,1)</td> <td>Cell (3,2)</td> …

195 html css html-table border

6

ให้บริการ CSS และ JavaScript จาก Amazon CloudFront ผ่าน S3

ฉันกำลังมองหาวิธีทำให้ไซต์ของฉันโหลดเร็วขึ้นและวิธีหนึ่งที่ฉันต้องการสำรวจก็คือการใช้ประโยชน์จาก Cloudfront ให้มากขึ้น เนื่องจากเดิม Cloudfront ไม่ได้ออกแบบมาเป็น CDN ดั้งเดิมและเนื่องจากมันไม่รองรับการ gzipping ฉันจึงได้ใช้มันเพื่อโฮสต์ภาพทั้งหมดของฉันซึ่งอ้างอิงโดย Cloudname cname ในรหัสไซต์ของฉันและปรับให้เหมาะสมที่สุด - ส่วนหัวในอนาคต ในทางกลับกันไฟล์ CSS และ javascript นั้นโฮสต์บนเซิร์ฟเวอร์ของฉันเองเพราะจนถึงตอนนี้ฉันรู้สึกว่าพวกเขาไม่สามารถรับ gzipped จาก Cloudfront ได้และกำไรจาก gzipping (ประมาณ 75%) จากการใช้ CDN (ประมาณ 50 เปอร์เซ็นต์): Amazon S3 (และดังนั้น Cloudfront) ไม่สนับสนุนการให้บริการเนื้อหา gzipped ในลักษณะมาตรฐานโดยใช้ส่วนหัว HTTP ยอมรับการเข้ารหัสที่ส่งโดยเบราว์เซอร์เพื่อระบุการสนับสนุนการบีบอัด gzip และ ดังนั้นพวกเขาจึงไม่สามารถ Gzip และให้บริการส่วนประกอบได้ทันที ดังนั้นฉันจึงอยู่ภายใต้การแสดงผลจนถึงขณะนี้เราต้องเลือกระหว่างสองทางเลือก ย้ายทรัพย์สินทั้งหมดไปที่ Amazon CloudFront …

194 javascript css amazon-s3 gzip amazon-cloudfront

13

ฉันจะบังคับให้สตริงยาวโดยไม่ต้องใส่ค่าว่างได้อย่างไร

ฉันมีสายยาว (ลำดับดีเอ็นเอ) ไม่มีอักขระช่องว่างใด ๆ ตัวอย่างเช่น: ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTCGATGTAGCTAGTAGCATGTAGTGA สิ่งที่จะเป็นตัวเลือก CSS เพื่อบังคับให้ข้อความนี้จะถูกห่อในhtml:textareaหรือในxul:textbox?

194 html css string xul word-wrap

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