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

4

มีวิธีที่ไม่ใช้จาวาสคริปต์ในการเปลี่ยนสีของฉลากเมื่อเลือกช่องทำเครื่องหมายที่เกี่ยวข้องหรือไม่

110 html css

2

แนวทางปฏิบัติที่ดีที่สุดในการจัดระเบียบไลบรารี Javascript และโครงสร้างโฟลเดอร์ CSS [ปิด]

ปิด . คำถามนี้เป็นคำถามความคิดเห็นตาม ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบได้ด้วยข้อเท็จจริงและการอ้างอิงโดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ คุณจัดระเบียบโฟลเดอร์ js & css ในเว็บแอปพลิเคชันของคุณอย่างไร? โครงสร้างโครงการปัจจุบันของฉันเป็นแบบนี้: root/ ├── assets/ │ ├── js/ │ │ └──lib/ │ ├── css/ │ └── img/ └── index.html แต่มันซับซ้อนกว่าเมื่อฉันใช้ไลบรารี javascript & ปลั๊กอิน css จำนวนมาก ปลั๊กอิน Javascript มาพร้อมกับไฟล์. js ของตัวเองและบางครั้งก็มีไฟล์. css ของตัวเอง ตัวอย่างเช่นเมื่อฉันใช้ JQuery กับปลั๊กอิน JQueryUI ฉันใส่ …

110 javascript jquery html css jquery-ui

11

แท็ก HTML img: แอตทริบิวต์หัวเรื่องเทียบกับแอตทริบิวต์ alt?

ฉันกำลังเรียกดูAmazonและสังเกตเห็นว่าเมื่อค้นหา " 1TB " หากคุณวางเคอร์เซอร์ของเมาส์ไว้เหนือรูปภาพการจัดอันดับดาวคุณจะเห็นคะแนนเฉพาะเมื่อใช้ IE หากคุณใช้เบราว์เซอร์อื่นคะแนนจะไม่แสดง คะแนน 3.8 และคะแนน 4.2 ทั้งคู่แสดงเป็น 4 ดาว แน่นอนว่า 3.8 ดาวเทียบกับ 4.2 ดาว (คะแนน 76% เทียบกับ 84%) สามารถสร้างความแตกต่างได้! เนื่องจากวิธีการแสดงaltข้อความมาตรฐานคือเมื่อผู้ใช้ปิดกราฟิกหรือเมื่อเบราว์เซอร์ "อ่านออก" (เช่นเบราว์เซอร์สำหรับผู้ใช้ที่มีความบกพร่องทางสายตา) อย่างไรก็ตาม IE จะแสดงเมื่อวางเมาส์เหนือ ดังนั้นฉันคิดว่าถ้า Amazon แสดงโดยไม่คำนึงถึงเบราว์เซอร์ของผู้ใช้titleควรใช้นอกเหนือจากalt. คุณจะเห็นด้วย?

110 html accessibility alt

5

พื้นที่ html แสดงเป็น% 2520 แทนที่จะเป็น% 20

ผ่านชื่อไฟล์เบราว์เซอร์ Firefox ทำให้เกิดการเปลี่ยนการเว้นวรรคแทน%2520 %20 ฉันมี HTML ต่อไปนี้ในไฟล์ชื่อmyhtml.html: <img src="C:\Documents and Settings\screenshots\Image01.png"/> พอโหลดmyhtml.htmlเข้า firefox ภาพจะขึ้นเป็นภาพเสีย ดังนั้นฉันจึงคลิกขวาที่ลิงค์เพื่อดูภาพและมันแสดง URL ที่แก้ไขนี้: file:///c:/Documents%2520and%2520Settings/screenshots/Image01.png ^ ^-----Firefox changed my space to %2520. ห่า? มันแปลงพื้นที่ของฉันเป็นไฟล์%2520. ไม่ควรแปลงเป็น a %20? ฉันจะเปลี่ยนไฟล์ HTML นี้เพื่อให้เบราว์เซอร์ค้นหารูปภาพของฉันได้อย่างไร เกิดอะไรขึ้นที่นี่?

110 html url filenames url-encoding

9

html (+ css): แสดงตำแหน่งที่ต้องการสำหรับการแบ่งบรรทัด

สมมติว่าฉันมีข้อความนี้ที่ต้องการแสดงในเซลล์ตาราง HTML: Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks และฉันต้องการให้เส้นแบ่งตามหลักเครื่องหมายจุลภาค มีวิธีบอกให้ HTML renderer ลองทำลายในจุดที่กำหนดและทำก่อนที่จะพยายามแบ่งช่องว่างหลังหนึ่งโดยไม่ใช้ช่องว่างที่ไม่ทำลายหรือไม่ ถ้าฉันใช้ช่องว่างที่ไม่ทำลายมันจะทำให้ความกว้างใหญ่ขึ้นโดยไม่มีเงื่อนไข ฉันต้องการให้เส้นแบ่งเกิดขึ้นหลังจากช่องว่างใดช่องหนึ่งหากอัลกอริทึมการตัดบรรทัดได้ลองใช้ด้วยเครื่องหมายจุลภาคก่อนและไม่สามารถทำให้เส้นพอดีได้ ฉันลองตัดส่วนข้อความใน<span>องค์ประกอบ แต่ดูเหมือนจะไม่เป็นประโยชน์อะไรเลย <html> <head> <style type="text/css"> div.box { width: 180px; } table, table td …

110 html css word-wrap

12

พื้นที่สีขาวปรากฏขึ้นทางด้านขวาของหน้าเมื่อภาพพื้นหลังควรขยายเต็มความยาวของหน้า [ปิด]

ปิด. คำถามนี้ต้องการรายละเอียดการแก้จุดบกพร่อง ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ภาพพื้นหลังหน้าเว็บของเรากำลังมีปัญหาใน FireFox และ Safari ใน iOS บน iPads / iPhones ที่มีพื้นที่สีขาวปรากฏขึ้นทางด้านขวาของหน้า ภาพพื้นหลังสามารถขยายได้ดีในเบราว์เซอร์อื่น ๆ แต่เราประสบปัญหาที่จะไม่ขยายความยาวเต็มของเบราว์เซอร์บนเบราว์เซอร์เหล่านั้น ลองดูเว็บไซต์ของเราใน FireFoxเพื่อดูว่าฉันหมายถึงอะไร

110 html css

8

จะรับ div สองตัวนี้เคียงข้างกันได้อย่างไร?

ฉันมีสอง div ที่ไม่ได้ซ้อนกันอันหนึ่งอยู่ด้านล่างอีกอัน ทั้งคู่อยู่ใน div พาเรนต์เดียวและ div พาเรนต์นี้ซ้ำตัวเอง โดยพื้นฐานแล้ว: <div id='parent_div_1'> <div class='child_div_1'></div> <div class='child_div_2'></div> </div> <div id='parent_div_2'> <div class='child_div_1'></div> <div class='child_div_2'></div> </div> <div id='parent_div_3'> <div class='child_div_1'></div> <div class='child_div_2'></div> </div> ฉันต้องการที่จะได้รับแต่ละคู่ของchild_div_1และchild_div_2ติดกัน ฉันจะทำเช่นนี้ได้อย่างไร?

110 css layout html

6

jQuery เปลี่ยนรูปแบบขององค์ประกอบ HTML

ฉันมีรายการเกี่ยวกับ HTML <div id="header" class="row"> <div id="logo" class="col_12">And the winner is<span>n't...</span></div> <div id="navigation" class="row"> <ul id="pirra"> <li><a href="#">Why?</a></li> <li><a href="#">Synopsis</a></li> <li><a href="#">Stills/Photos</a></li> <li><a href="#">Videos/clips</a></li> <li><a href="#">Quotes</a></li> <li><a href="#">Quiz</a></li> </ul> </div> มันเปลี่ยนแปลงได้ดีในการแสดงแนวนอนในการเปลี่ยนแปลง CSS div#navigation ul li { display: inline-block; } แต่ตอนนี้ฉันต้องการทำกับ jQuery ฉันใช้: $(document).ready(function() { console.log('hello'); $('#navigation ul li').css('display': 'inline-block'); }); …

110 jquery html css

21

ค้นหาป้ายกำกับ html ที่เกี่ยวข้องกับอินพุตที่ระบุ

สมมติว่าฉันมีแบบฟอร์ม html อินพุต / เลือก / textarea แต่ละรายการจะมีความสอดคล้อง<label>กับforแอตทริบิวต์ที่ตั้งค่าเป็น id ของสหาย ในกรณีนี้ฉันรู้ว่าอินพุตแต่ละรายการจะมีป้ายกำกับเดียวเท่านั้น ระบุองค์ประกอบอินพุตในจาวาสคริปต์ - ผ่านเหตุการณ์ onkeyup ตัวอย่างเช่นวิธีใดที่ดีที่สุดในการค้นหาป้ายกำกับที่เกี่ยวข้อง

110 javascript html label

7

ฉันจะเพิ่มแถบเลื่อนแนวตั้งให้กับ div โดยอัตโนมัติได้อย่างไร

ฉันต้องการเพิ่มแถบเลื่อนแนวตั้งใน<div>ไฟล์. ฉันได้ลองoverflow: autoแล้ว แต่ใช้งานไม่ได้ ฉันได้ทดสอบโค้ดของฉันใน Firefox และ Chrome แล้ว ฉันวางโค้ดสไตล์ div ที่นี่: float: left; width: 1000px; overflow: auto;

110 css html scrollbar overflow

8

ลำดับความสำคัญของ CSS คืออะไร?

ฉันพยายามหาสาเหตุว่าทำไมคลาส css ของฉันถึงแทนที่อีกคลาส (ไม่ใช่วิธีอื่น) ที่นี่ฉันมีคลาส css สองคลาส .smallbox { background-color: white; height: 75px; width: 150px; font-size:20px; box-shadow: 0 0 10px #ccc; font-family: inherit; } .smallbox-paysummary { @extend .smallbox; font-size:10px; } และในมุมมองของฉันฉันเรียก <pre class = "span12 pre-scrollable smallbox-paysummary smallbox "> แบบอักษร (องค์ประกอบที่ทับซ้อนกัน) แสดงเป็น 10px แทนที่จะเป็น 20 - มีใครอธิบายได้ไหมว่าทำไมจึงเป็นเช่นนั้น

110 html css

6

วิธีทำให้ <button> ใน Bootstrap ดูเหมือนลิงค์ปกติใน nav-tabs?

ฉันทำงานใน (เดิมคือ Twitter) Bootstrap 2 และฉันต้องการจัดรูปแบบปุ่มให้เหมือนกับว่าเป็นลิงก์ปกติ ไม่ใช่แค่ลิงค์ธรรมดา ๆ แต่; สิ่งเหล่านี้จะอยู่ใน<ul class="nav nav-tabs nav-stacked">ภาชนะ มาร์กอัปจะลงเอยเช่นนี้: <form action="..." method="post"> <div class="row-fluid">  <div class="span3"> <ul class="nav nav-tabs nav-stacked"> <li><button type="submit" name="op" value="Link 1">Link 1</button></li> <li><button type="submit" name="op" value="Link 2">Link 2</button></li>  </ul> </div> <!-- The …

110 html css twitter-bootstrap

9

จะเลือกไฟล์หลายไฟล์ด้วย <input type =“ file”> ได้อย่างไร?

จะเลือกหลายไฟล์ด้วย<input type="file">?

110 javascript html file-upload

6

มีตัวเลือกรูปแบบสำหรับเครื่องมือเลือกวันที่ HTML5 หรือไม่?

ฉันรู้สึกทึ่งมากเกี่ยวกับเครื่องมือเลือกวันที่ HTML5 เป็นเรื่องน่ายินดีที่ทราบว่าในที่สุด W3C ก็เก็บค่าความหย่อนยานบางส่วนดังนั้นเราจึงไม่จำเป็นต้องคิดค้นรูปแบบการป้อนข้อมูลทั่วไปขึ้นมาใหม่ ข้อแม้คือฉันไม่เห็นหรือคาดการณ์วิธีการใช้สีกับตัวเลือกมากนักซึ่งจะใช้ประโยชน์จาก datepicker ประเภทดีลเบรกเกอร์ในไซต์ส่วนใหญ่ ความ<select>ทุกข์ทรมานจากการแฮ็กเปลี่ยนจาวาสคริปต์ที่แพร่หลายด้วยเหตุผลง่ายๆที่ผู้คนไม่สามารถทำให้มันสวยได้ ฉันอยากรู้ว่ามีใครรู้บ้างว่าเกิดอะไรขึ้นในดินแดน W3C? คำถามนี้ค่อนข้างจับคู่กับคำถามที่ใหญ่กว่าอีกคำถามหนึ่ง (ในกรณีที่คุณรู้คำตอบ): คุ้มค่ากับเวลาที่ฉันพยายามมีส่วนร่วมกับ W3C หรือ WHATWG เพื่อให้บางสิ่งเหล่านี้มองเห็นแสงสว่างของวันหรือไม่? ข้อมูลเชิงลึกทุกประเภทมีประโยชน์

110 html datepicker w3c

17

HTML5 canvas ctx.fillText จะไม่ทำการแบ่งบรรทัด?

ดูเหมือนว่าฉันจะไม่สามารถเพิ่มข้อความลงในผืนผ้าใบได้หากข้อความมี "\ n" ฉันหมายความว่าเส้นแบ่งไม่แสดง / ทำงาน ctxPaint.fillText("s ome \n \\n <br/> thing", x, y); โค้ดด้านบนจะวาด"s ome \n <br/> thing"เป็นบรรทัดเดียว นี่เป็นข้อ จำกัด ของ FillText หรือฉันทำผิด? "\ n" อยู่ที่นั่นและไม่ได้พิมพ์ออกมา แต่ก็ใช้ไม่ได้เช่นกัน

110 javascript html canvas line break

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