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

26

ปัญหา: ลบ padding / margin ไปทางขวาและซ้ายของ col-md- * ใน Bootstrap 3 รหัส HTML: <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> <div class="widget-header"> <h3>Results</h3> </div> <div class="widget-content"> …

342 css twitter-bootstrap html

5

ไม่มีการแบ่งบรรทัดหลังจากยัติภังค์

ฉันกำลังมองหาเพื่อป้องกันการแบ่งบรรทัดหลังจากยัติภังค์-ในแต่ละกรณีที่เข้ากันได้กับเบราว์เซอร์ทั้งหมด ตัวอย่าง: ฉันมีข้อความนี้: 3-3/8"ซึ่งใน HTML คือ: 3-3/8&rdquo; ปัญหาคือใกล้ถึงจุดสิ้นสุดของบรรทัดเนื่องจากเครื่องหมายยัติภังค์มันแบ่งและล้อมรอบบรรทัดถัดไปแทนที่จะปฏิบัติเหมือนคำเต็ม ... 3- 3/8" ฉันได้ลองใส่ "ความกว้างเป็นศูนย์ไม่มีอักขระหยุดพัก" &#65279;โดยไม่มีโชค ... 3-&#65279;3/8&rdquo; ฉันเห็นสิ่งนี้ใน Safari และคิดว่ามันจะเหมือนกันในทุกเบราว์เซอร์ ต่อไปนี้คือการdoctypeเข้ารหัสของฉันและตัวละคร ... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> มีวิธีใดที่ฉันสามารถป้องกันสิ่งเหล่านี้ไม่ให้เกิดการแตกหักหลังจากยัติภังค์? ฉันไม่ต้องการโซลูชันใด ๆ ที่ใช้กับทั้งหน้า ... สิ่งที่ฉันสามารถแทรกได้ตามต้องการเช่น "ความกว้างศูนย์ไม่มีอักขระหยุดพัก" ยกเว้นที่ใช้งานได้ นี่คือตัวอย่าง เพียงแค่ทำให้เฟรมแคบลงจนเส้นแบ่งที่ขีดกลาง http://jsfiddle.net/RagKH/

340 html css character-encoding line-breaks hyphenation

8

อินพุตของฟอร์มที่ปิดใช้งานจะไม่ปรากฏในคำขอ

ฉันมีอินพุตที่ถูกปิดใช้งานบางส่วนในแบบฟอร์มและฉันต้องการส่งไปยังเซิร์ฟเวอร์ แต่ Chrome ไม่รวมสิ่งเหล่านี้ออกจากคำขอ มีวิธีแก้ปัญหาสำหรับสิ่งนี้โดยไม่เพิ่มเขตข้อมูลที่ซ่อนอยู่หรือไม่? <form action="/Media/Add"> <input type="hidden" name="Id" value="123" />  <input type="textbox" name="Percentage" value="100" disabled="disabled" /> </form>

340 html forms http browser

8

แอตทริบิวต์ของไฟล์ 'ยอมรับ' - มันมีประโยชน์หรือไม่

การใช้งานการอัปโหลดไฟล์ภายใต้ html นั้นค่อนข้างง่าย แต่ฉันเพิ่งสังเกตเห็นว่ามีแอตทริบิวต์ 'ยอมรับ' ที่สามารถเพิ่มลงใน<input type="file" ...>แท็กได้ แอททริบิวนี้มีประโยชน์ในการ จำกัด การอัพโหลดไฟล์ไปยังภาพ ฯลฯ หรือไม่? วิธีที่ดีที่สุดที่จะใช้มันคืออะไร? หรือมีวิธี จำกัด ประเภทไฟล์โดยเฉพาะอย่างยิ่งในกล่องโต้ตอบไฟล์สำหรับแท็กอินพุตไฟล์ html หรือไม่

338 html filter cross-browser mime-types

21

วิธีเก็บข้อมูลโดยพลการสำหรับแท็ก HTML บางตัว

ฉันกำลังสร้างหน้าเว็บที่มีการโต้ตอบจาก javascript ดังตัวอย่าง: ลิงก์ที่ส่งคำขอ AJAX เพื่อรับเนื้อหาของบทความจากนั้นแสดงข้อมูลนั้นใน div เห็นได้ชัดในตัวอย่างนี้ฉันต้องการแต่ละลิงก์เพื่อเก็บข้อมูลเพิ่มเติม: id ของบทความ วิธีที่ฉันจัดการกับมันในกรณีที่ต้องใส่ข้อมูลนั้นในลิงค์ href นี้: <a class="article" href="#5"> ฉันใช้ jQuery เพื่อค้นหาองค์ประกอบ a.article และแนบตัวจัดการเหตุการณ์ที่เหมาะสม (อย่าเพิ่งแขวนกับการใช้งานหรือซีแมนทิกส์นี่เป็นเพียงตัวอย่าง) อย่างไรก็ตามวิธีการนี้ใช้งานได้ แต่มีกลิ่นเล็กน้อยและไม่สามารถขยายได้เลย (จะเกิดอะไรขึ้นหากฟังก์ชันการคลิกมีพารามิเตอร์มากกว่าหนึ่งพารามิเตอร์จะเกิดอะไรขึ้นถ้าพารามิเตอร์บางตัวเป็นตัวเลือก) คำตอบที่ชัดเจนทันทีคือการใช้คุณสมบัติกับองค์ประกอบ ฉันหมายถึงนั่นคือสิ่งที่พวกเขามีไว้ใช่มั้ย (ชนิด) <a articleid="5" href="link/for/non-js-users.html"> ในคำถามล่าสุดของฉันฉันถามว่าวิธีนี้ใช้ได้หรือไม่และมันกลับกลายเป็นว่าการกำหนด DTD ของฉันเอง (ฉันทำไม่ได้) ไม่ใช่ว่ามันไม่ถูกต้องหรือเชื่อถือได้ การตอบสนองทั่วไปคือการใส่ข้อมูลลงในclassแอตทริบิวต์ (แม้ว่าอาจเป็นเพราะตัวอย่างที่ฉันเลือกไม่ดี) แต่สำหรับฉันมันมีกลิ่นมากกว่านี้ ใช่มันถูกต้องทางเทคนิค แต่มันไม่ใช่ทางออกที่ดี อีกวิธีหนึ่งที่ฉันเคยใช้ในอดีตคือการสร้าง JS และแทรกลงในหน้าใน<script>แท็กโดยสร้างโครงสร้างที่จะเชื่อมโยงกับวัตถุ var myData = { link0 : …

338 javascript html

8

วิธีการตั้งค่าเป็นไฟล์อินพุตใน HTML?

ฉันจะตั้งค่าของสิ่งนี้ได้อย่างไร <input type="file" />

337 javascript html file-upload preset

16

รายการในที่จัดเก็บในตัว HTML5 หมดอายุเมื่อใด

มีการจัดเก็บข้อมูลใน localStorage นานเท่าใด (ซึ่งเป็นส่วนหนึ่งของ DOM Storage ใน HTML5) ฉันสามารถกำหนดเวลาหมดอายุสำหรับข้อมูลที่ฉันใส่ลงใน localStorage ได้หรือไม่?

337 javascript html local-storage

14

วิธีสร้างแท็ก <style> ด้วย Javascript

ฉันกำลังมองหาวิธีแทรก<style>แท็กในหน้า HTML ด้วย JavaScript วิธีที่ดีที่สุดที่ฉันพบ: var divNode = document.createElement("div"); divNode.innerHTML = "<br><style>h1 { background: red; }</style>"; document.body.appendChild(divNode); ใช้งานได้ใน Firefox, Opera และ Internet Explorer แต่ไม่สามารถใช้ได้ใน Google Chrome มันก็น่าเกลียดนิดหน่อยเมื่อเทียบกับ<br>ด้านหน้าสำหรับ IE ไม่มีใครรู้วิธีสร้าง<style>แท็กที่ ดีกว่า ทำงานกับ Chrome ได้หรือไม่ หรืออาจจะ นี่คือสิ่งที่ไม่ได้มาตรฐานที่ฉันควรหลีกเลี่ยง เบราว์เซอร์ที่ใช้งานได้สามแบบยอดเยี่ยมและใครที่ใช้ Chrome

336 javascript html css

25

พิมพ์เนื้อหาของ DIV

วิธีที่ดีที่สุดในการพิมพ์เนื้อหาของ DIV คืออะไร?

336 javascript jquery html printing

7

<code> vs <pre> vs <samp> สำหรับตัวอย่างข้อมูลอินไลน์และบล็อกรหัส

ไซต์ของฉันกำลังจะมีโค้ดอินไลน์ ("เมื่อใช้foo()ฟังก์ชัน ... ") และตัวอย่างโค้ดบางบล็อก สิ่งเหล่านี้มักจะเป็น XML และมีบรรทัดที่ยาวมากซึ่งฉันต้องการให้เบราว์เซอร์ตัดคำ (กล่าวคือฉันไม่ต้องการใช้<pre>) ฉันต้องการใส่การจัดรูปแบบ CSS ในตัวอย่างบล็อก ดูเหมือนว่าฉันไม่สามารถใช้<code>กับทั้งคู่ได้เพราะถ้าฉันใส่ CSS block attribute ลงไป (ด้วยdisplay: block;) มันจะทำให้ตัวอย่างของ inline แตก ฉันอยากรู้ว่าคนทำอะไร ใช้<code>สำหรับบล็อกและ<samp>สำหรับ inline? ใช้<code><blockquote>หรืออะไรที่คล้ายกัน? ฉันต้องการทำให้ HTML ที่แท้จริงนั้นเรียบง่ายที่สุดเท่าที่จะเป็นไปได้หลีกเลี่ยงคลาสเนื่องจากผู้ใช้รายอื่นจะดูแลมัน

335 html semantic-markup

24

วิธีสร้างเส้นแนวตั้งใน HTML

คุณสร้างเส้นแนวตั้งโดยใช้ HTML ได้อย่างไร

335 html css

12

ฉันจะมีผลต่อคลิกบน CSS ได้ไหม?

ฉันมีองค์ประกอบรูปภาพที่ต้องการเปลี่ยนแปลงเมื่อคลิก <img id="btnLeft"> งานนี้: #btnLeft:hover { width:70px; height:74px; } แต่สิ่งที่ฉันต้องการคือ: #btnLeft:onclick { width:70px; height:74px; } แต่มันไม่ทำงานแน่นอน เป็นไปได้หรือไม่ที่จะมีonclickพฤติกรรมใน CSS (เช่นโดยไม่ใช้ JavaScript)?

335 html css onclick

19

วิธีการถอดรหัสเอนทิตี HTML โดยใช้ jQuery

ฉันจะใช้ jQuery เพื่อถอดรหัสเอนทิตี HTML ในสตริงได้อย่างไร

334 javascript jquery html

4

พอดีกับภาพพื้นหลังเพื่อ div

ฉันมีภาพพื้นหลังใน div ต่อไปนี้ แต่ภาพถูกตัดออก: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> มีวิธีแสดงภาพพื้นหลังโดยไม่ตัดออกหรือไม่?

334 html css background-image

19

CSS แสดงรูปภาพที่ปรับขนาดและครอบตัด

ฉันต้องการแสดงรูปภาพจาก URL ที่มีความกว้างและความสูงแม้ว่ามันจะมีอัตราส่วนขนาดที่แตกต่างกัน ดังนั้นฉันต้องการปรับขนาด (รักษาอัตราส่วน) แล้วตัดภาพให้มีขนาดที่ฉันต้องการ ฉันสามารถปรับขนาดด้วยimgคุณสมบัติhtml และสามารถตัดbackground-imageได้ ฉันจะทำทั้งสองอย่างได้อย่างไร ตัวอย่าง: ภาพนี้: มี800x600พิกเซลขนาดและฉันต้องการแสดงเช่นภาพ200x100พิกเซล ด้วยimgฉันสามารถปรับขนาดภาพ200x150px: <img style="width: 200px; height: 150px;" src="http://i.stack.imgur.com/wPh0S.jpg"> ที่ให้ฉันนี้: <img style="width: 200px; height: 150px;" src="https://i.stack.imgur.com/wPh0S.jpg"> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล และด้วยbackground-imageฉันสามารถตัดภาพ200x100พิกเซล <div style="background-image: url('https://i.stack.imgur.com/wPh0S.jpg'); width:200px; height:100px; background-position:center;">&nbsp;</div> ให้ฉัน: <div style="background-image:url('https://i.stack.imgur.com/wPh0S.jpg'); width:200px; height:100px; background-position:center;">&nbsp;</div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ฉันจะทำทั้งสองอย่างได้อย่างไร ปรับขนาดภาพแล้วตัดตามขนาดที่ฉันต้องการหรือไม่

333 html css background-image image

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