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

ฉันต้องการตั้งค่าองค์ประกอบช่วงให้ปรากฏด้านล่างองค์ประกอบอื่นโดยใช้คุณสมบัติการแสดงผล ฉันลองใช้อินไลน์บล็อก แต่ไม่ประสบความสำเร็จและคิดว่าฉันสามารถใช้บล็อกได้หากฉันพยายามหลีกเลี่ยงไม่ให้องค์ประกอบมีความกว้าง 100% (ฉันไม่ต้องการให้องค์ประกอบ "ยืดออก") สิ่งนี้สามารถทำได้หรือถ้าไม่ praxis ที่ดีสำหรับการแก้ปัญหาประเภทนี้คืออะไร? ตัวอย่าง: รายการข่าวที่ฉันต้องการตั้งค่าลิงก์ "อ่านเพิ่มเติม" ที่ส่วนท้ายของแต่ละโพสต์ (หมายเหตุ: <a>แทน<span>) <li> <span class="date">11/15/2012</span> <span class="title">Lorem ipsum dolor</span> <a class="read-more">Read more</a> </li> อัปเดต: แก้ไขแล้ว ใน CSS ใช้ li { clear: both; } li a { display: block; float: left; clear: both; }

98 html  width  block  css 

จากสิ่งที่ฉันเข้าใจข้อมูลจำเพาะของ HTML5 ช่วยให้คุณใช้ ID ที่เป็นตัวเลขเช่นนี้ <div id="1"></div> <div id="2"></div> ฉันสามารถเข้าถึงเหล่านี้ปรับใช้แต่ไม่ได้มีgetElementById querySelectorถ้าฉันลองทำสิ่งต่อไปนี้ฉันจะได้รับSyntaxError: DOM Exception 12ในคอนโซล document.querySelector("#1") ฉันแค่อยากรู้ว่าทำไมการใช้ตัวเลขเป็น ID จึงไม่ทำงานquerySelectorเมื่อข้อมูลจำเพาะ HTML5 ระบุว่าถูกต้อง ฉันลองใช้เบราว์เซอร์หลายตัว

98 javascript  html  css-selectors  selectors-api 

ฉันสามารถใช้ 2 คลาสกับ div หรือ span เดียวหรือองค์ประกอบ html ได้หรือไม่ ตัวอย่างเช่น: <a class="c1" class="c2">aa</a> ฉันลองแล้วและในกรณีของฉันใช้ c2 ไม่ได้ ฉันจะสมัครทั้งสองคลาสพร้อมกันได้อย่างไร?

98 html  css 

ปัจจุบัน<datalist>องค์ประกอบHTML5 ได้รับการสนับสนุนในเบราว์เซอร์หลัก ๆ ส่วนใหญ่ (ยกเว้น Safari) และดูเหมือนจะเป็นวิธีที่น่าสนใจในการเพิ่มคำแนะนำให้กับอินพุต อย่างไรก็ตามดูเหมือนว่าจะมีความแตกต่างบางประการระหว่างการใช้งานvalueแอตทริบิวต์และข้อความด้านในของไฟล์<option>. ตัวอย่างเช่น: <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> เบราว์เซอร์ต่างๆจัดการสิ่งนี้แตกต่างกัน: Chrome และ Opera: FireFox และ IE 11: หลังจากเลือกหนึ่งรายการอินพุตจะเต็มไปด้วยค่าไม่ใช่ข้อความด้านใน ฉันเพียงต้องการให้ผู้ใช้เห็นข้อความ ("คำตอบ") ในเมนูแบบเลื่อนลงและในอินพุต แต่ส่งผ่านค่า42เมื่อส่งเช่นเดียวกับที่selectต้องการ ฉันจะทำให้เบราว์เซอร์ทั้งหมดมีรายการแบบเลื่อนลงแสดงป้าย (ข้อความด้านใน) ของ<option>s ได้อย่างไร แต่จะส่งvalueแอตทริบิวต์เมื่อส่งแบบฟอร์ม

98 javascript  html  cross-browser  html-datalist 

ตัวอย่างเช่นบล็อกโพสต์หรือบทความ <article> <h1>header<h1> <time>09-02-2011</time> <author>John</author> My article.... </article> authorแท็กไม่ได้อยู่ แต่ ... ดังนั้นสิ่งที่เป็นแท็ก HTML5 ที่ใช้กันทั่วไปสำหรับผู้เขียน? ขอบคุณ. (ถ้าไม่มีก็ไม่ควรมี?)

98 html  tags  blogs  semantic-markup 

ฉันมีชุดลิงก์สไตล์โดยใช้:beforeเพื่อใช้ลูกศร มันดูดีในทุกเบราว์เซอร์ แต่เมื่อฉันใช้ขีดเส้นใต้กับลิงก์ฉันไม่ต้องการขีดเส้นใต้ใน:beforeส่วนนั้น (ลูกศร) ดูตัวอย่าง jsfiddle: http://jsfiddle.net/r42e5/1/ เป็นไปได้ไหมที่จะลบสิ่งนี้ รูปแบบการทดสอบที่ฉัน#test p a:hover:beforeใช้จะถูกนำไปใช้ (ตาม Firebug) แต่ยังคงขีดเส้นใต้อยู่ วิธีใดที่จะหลีกเลี่ยงสิ่งนี้? #test { color: #B2B2B2; } #test p a { color: #B2B2B2; text-decoration: none; } #test p a:hover { text-decoration: underline; } #test p a:before { color: #B2B2B2; content: "► "; text-decoration: none; } #test p …

98 html  css  hyperlink  pseudo-element  text-decorations 

เป็นไปได้หรือไม่ที่จะใช้พิกัดที่กำหนดเพื่อจำลองการคลิกใน JavaScript ภายในหน้าเว็บ

98 javascript  jquery  html  mouseevent  mouseclick-event 

โดยไม่ต้องใช้รูปแบบใด ๆ ฉันสามารถส่งไฟล์ / ไฟล์จาก<input type="file">ไปที่ 'upload.php' โดยใช้วิธี POST โดยใช้ jQuery แท็กอินพุตไม่ได้อยู่ในแท็กฟอร์มใด ๆ มันยืนเป็นรายบุคคล ดังนั้นฉันไม่ต้องการใช้ปลั๊กอิน jQuery เช่น 'ajaxForm' หรือ 'ajaxSubmit'

98 javascript  jquery  html 

ฉันได้รับค่าใน textarea เมื่อผู้ใช้กดส่ง จากนั้นฉันจะนำค่านี้ไปวางไว้ที่อื่นในหน้า อย่างไรก็ตามเมื่อฉันทำสิ่งนี้มันจะสูญเสียอักขระขึ้นบรรทัดใหม่ทำให้ผลลัพธ์ค่อนข้างน่าเกลียด นี่คือ textarea ที่ฉันกำลังเข้าถึง: <textarea id="post-text" class="form-control" rows="3" placeholder="What's up?" required></textarea> นี่คือรหัส JavaScript ที่เข้าถึงโพสต์และถอดเสียง var post = document.createElement('p'); var postText = document.getElementById('post-text').value; post.append(postText); var card = document.createElement('div'); card.append(post); var cardStack = document.getElementById('#card-stack'); cardStack.prepend(card); เมื่ออินพุตเป็นสิ่งที่ต้องการ: กำหนดการกลุ่ม: ซ้อมวันอังคารที่ชั้น 5 (20.00 น. - 23.00 น.) ซ้อมวันพฤหัสบดีที่ชั้น 5 (20.00 น. …

98 javascript  html 

ดังนั้นฉันคิดว่าฉันสามารถวนลูป localStorage ได้เหมือนวัตถุทั่วไปเพราะมันมีความยาว ฉันจะวนซ้ำสิ่งนี้ได้อย่างไร localStorage.setItem(1,'Lorem'); localStorage.setItem(2,'Ipsum'); localStorage.setItem(3,'Dolor'); ถ้าฉันทำlocalStorage.lengthมันจะส่งคืน3ซึ่งถูกต้อง ฉันคิดว่าการfor...inวนซ้ำจะใช้ได้ผล ฉันกำลังคิดบางอย่างเช่น: for (x in localStorage){ console.log(localStorage[x]); } แต่ไม่มีประโยชน์ ความคิดใด ๆ ? ความคิดอื่น ๆ ที่ฉันมีก็คือ localStorage.setItem(1,'Lorem|Ipsum|Dolor') var split_list = localStorage.getItem(1).split('|'); ซึ่งในการfor...inทำงาน

98 javascript  html  loops  object  local-storage 

ฉันกำลังใช้ twitter bootstrap 3 และฉันกำลังประสบปัญหาในการสร้างภาพที่ตอบสนอง ฉันได้ใช้img-responsiveคลาส แต่ขนาดภาพไม่ได้สเกลขึ้น ถ้าฉันใช้width:100%แทนmax-width:100%มันก็ทำงานได้อย่างสมบูรณ์ ปัญหาอยู่ที่ไหน นี่คือรหัสของฉัน: <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img class="img-responsive" src="img/show1.png" alt="" /> </div> </div> </div>

97 javascript  jquery  html  css  twitter-bootstrap 

เมื่อเร็ว ๆ นี้ฉันมาข้าม* *ในCSS อ้างอิงเว็บไซต์ - เชื่อมโยงเว็บไซต์ สำหรับการ*ใช้งานเพียงครั้งเดียวในสไตล์ชีต CSS Internet และ Stack Overflow จะเต็มไปด้วยตัวอย่าง แต่ฉันไม่แน่ใจเกี่ยวกับการใช้* *สัญลักษณ์สองตัวใน CSS ฉัน googled มัน แต่ไม่พบข้อมูลที่เกี่ยวข้องใด ๆ เกี่ยวกับเรื่องนี้เนื่องจากตัวเดียว*เลือกองค์ประกอบทั้งหมด แต่ฉันไม่แน่ใจว่าทำไมไซต์ถึงใช้มันสองครั้ง อะไรคือส่วนที่ขาดหายไปของสิ่งนี้และเหตุใดจึงใช้แฮ็กนี้ (หากเป็นการแฮ็ก)

97 html  css  css-selectors 

ฉันไม่รู้วิธีผสานแถวและคอลัมน์ภายในตาราง HTML คุณช่วยฉันสร้างตารางใน HTML ได้ไหม

97 html  html-table 

ฉันได้รับคำเตือน "ทรัพยากรที่ตีความว่าเป็นสคริปต์ แต่ถ่ายโอนด้วยข้อความ / ธรรมดาประเภท MIME" ใน Google Chrome เมื่อรวมไฟล์สคริปต์ในเครื่อง ฉันรู้ว่าปัญหาปรากฏขึ้นเมื่อโหลดไฟล์จากเซิร์ฟเวอร์หรือผ่าน ajax ซึ่งส่วนใหญ่มักขึ้นอยู่กับการตั้งค่าส่วนหัวที่ไม่ถูกต้อง สิ่งที่แปลกคือฉันได้รับคำเตือนนี้แม้ว่าจะเรียกใช้จากโฟลเดอร์ในเครื่อง: file:///C:/test/foo.html สิ่งนี้เกิดขึ้นเฉพาะใน Chrome ที่มี html พื้นฐานที่สุดคือ: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="bar.js"></script> </head> <body> </body> </html> bar.js นั้นง่ายมากเช่นกันที่จะได้รับ: function hello() {} ฉันได้ลองเพิ่มเมตาแท็กแล้ว: <meta http-equiv="content-script-type" content="text/javascript"> และทดสอบกับหลักอื่น ๆ แต่ดูเหมือนจะไม่ช่วยอะไร เห็นได้ชัดว่านี่ไม่ใช่ปัญหาจริงเนื่องจากสคริปต์ยังใช้งานได้ดี แต่ฉันกำลังทำงานในโครงการขนาดใหญ่และขณะนี้มีสคริปต์ประมาณ 150 รายการ ดังนั้นจึงทำให้ยากที่จะเห็นเมื่อมีการเตือนเกิดขึ้นระหว่างนั้น ทุกอย่างทำงานได้ดีเมื่อฉันเรียกใช้ไฟล์บนเซิร์ฟเวอร์ในเครื่องหรือระยะไกล มีความคิดเห็นว่าทำไม …

97 javascript  html  google-chrome  mime-types 

ตามที่กล่าวมาในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ฉันเพิ่งมาข้ามPhonegap มีใครในคุณลอง เป็นเครื่องมือที่น่าทึ่งซึ่งอ้างว่านักพัฒนาสามารถใช้เฟรมเวิร์กที่ใช้ HTML 5 เช่น Sencha touch และ Jquery ในเวลาเดียวกันที่สามารถเข้าถึงคุณสมบัติดั้งเดิมบนโทรศัพท์ได้ นอกจากนี้รหัสยังพกพาจาก Android ไปยัง Iphone ด้วยความพยายามบางอย่าง ก่อนที่จะเข้ามาฉันต้องการทราบว่าประสบการณ์ของฟอรัมกับ Phonegap เป็นอย่างไร อะไรคือจุดเจ็บปวดและสามารถปรับขนาดได้จริงสำหรับการพัฒนาแอปพลิเคชันระดับองค์กร

97 iphone  android  html  cordova