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

สมมติว่าคุณสร้างตัวช่วยสร้างในรูปแบบ HTML ปุ่มเดียวย้อนกลับไปและอีกหนึ่งปุ่มไปข้างหน้า เนื่องจากปุ่มย้อนกลับปรากฏขึ้นเป็นครั้งแรกในมาร์กอัปเมื่อคุณกดEnterมันจะใช้ปุ่มนั้นเพื่อส่งแบบฟอร์ม ตัวอย่าง: <form> <!-- Put your cursor in this field and press Enter --> <input type="text" name="field1" /> <!-- This is the button that will submit --> <input type="submit" name="prev" value="Previous Page" /> <!-- But this is the button that I WANT to submit --> <input type="submit" …

263 html  forms  form-submit  submit-button 

ฉันมีข้อความใหญ่ย่อหน้าหนึ่งซึ่งแบ่งออกเป็นย่อหน้าย่อยด้วย<br>: <p> Blah blah blah. <br/> Blah blah blah. Blah blah blah. Blah blah blah. <br/> Blah blah blah. </p> ฉันต้องการขยายช่องว่างระหว่างอนุวรรคเหล่านี้เหมือนมีสอง<br>อย่างหรืออะไรทำนองนั้น ฉันรู้ว่าวิธีที่ถูกต้องในการทำเช่นนี้คือการใช้<p></p>แต่ตอนนี้ฉันไม่สามารถเปลี่ยนเลย์เอาต์นี้ดังนั้นฉันกำลังมองหาวิธีแก้ปัญหา CSS เท่านั้น ฉันได้พยายามตั้งค่า<br>'s line-heightและheightมีdisplay: blockฉันยัง Googled และกองมากเกิน-ED สั้น ๆ แต่ไม่ได้หาทางแก้ปัญหาใด ๆ สิ่งนี้เป็นไปได้หรือไม่โดยไม่ต้องเปลี่ยนเลย์เอาต์?

263 html  css 

มีวิธีที่แนะนำที่จะหลบหนี<, >, "และ&ตัวอักษรเมื่อ outputting HTML ในรหัส Java ธรรมดา? (นอกเหนือจากการทำสิ่งเหล่านี้ด้วยตนเองนั่นคือ) String source = "The less than sign (<) and ampersand (&) must be escaped before using them in HTML"; String escaped = source.replace("<", "<").replace("&", "&"); // ...

262 java  html  escaping 

ฉันกำลังพยายามใช้:beforeตัวเลือกเพื่อวางรูปภาพเหนือรูปภาพอื่น แต่ฉันพบว่ามันใช้งานไม่ได้กับการวางภาพก่อนimgองค์ประกอบเพียงองค์ประกอบอื่น ๆ โดยเฉพาะสไตล์ของฉันคือ: .container { position: relative; display: block; } .overlay:before { content: url(images/[someimage].png); position: absolute; left:-20px; top: -20px; } และฉันพบว่ามันใช้งานได้ดี: <a href="[url]" class="container"> <span class="overlay"/> <img width="200" src="[url]"/> </a> แต่นี่ไม่ได้: <a href="[url]" class="container"> <img width="200" src="[url]" class="overlay"/> </a> ฉันสามารถใช้divหรือpองค์ประกอบแทนสิ่งspanนั้นและเบราว์เซอร์ซ้อนทับภาพของฉันอย่างถูกต้องเหนือภาพในimgองค์ประกอบ แต่ถ้าฉันใช้คลาสซ้อนทับกับimgตัวเองมันไม่ทำงาน ฉันต้องการให้มันใช้งานได้เพราะนั่นspanทำให้ฉันขุ่นเคือง แต่ที่สำคัญกว่านั้นฉันมีบล็อกโพสต์ประมาณ 100 โพสต์ที่ฉันต้องการแก้ไขและฉันสามารถทำได้ในคราวเดียวถ้าฉันสามารถปรับเปลี่ยนสไตล์ชีทได้ แต่ถ้าฉันต้องย้อนกลับไปและเพิ่มspanองค์ประกอบพิเศษระหว่างaและimgองค์ประกอบสิ่งนี้จะทำงานได้มากขึ้น

262 html  css 

ใน stackoverflow เมื่อเราวางตัวบนชื่อเสียงของผู้ใช้เราจะเห็นข้อความ ฉันเคยเห็นสิ่งนี้ในหลาย ๆ ที่และรหัสแหล่งที่มาบอกฉันว่ามันสามารถทำได้โดยไม่ต้อง js และฉันพยายามและได้รับสิ่งนี้เท่านั้น - <div="text">hover me</div>

262 html  hover 

ฉันพยายามเขียนฟังก์ชั่นที่ช่วยให้ฉันสามารถลบรายการเมื่อคลิกปุ่ม แต่ฉันคิดว่าฉันสับสนกับฟังก์ชั่น - ฉันจะใช้$digestหรือไม่ HTML & app.js: <ul ng-repeat="bday in bdays"> <li> <span ng-hide="editing" ng-click="editing = true">{{bday.name}} | {{bday.date}}</span> <form ng-show="editing" ng-submit="editing = false"> <label>Name:</label> <input type="text" ng-model="bday.name" placeholder="Name" ng-required/> <label>Date:</label> <input type="date" ng-model="bday.date" placeholder="Date" ng-required/> <br/> <button class="btn" type="submit">Save</button> <a class="btn" ng-click="remove()">Delete</a> </form> </li> </ul> $scope.remove = function(){ $scope.newBirthday …

261 html  angularjs  edit 

ฉันต้องการสร้างเหตุการณ์คลิกบน<input type="file">แท็กโดยทางโปรแกรม เพียงแค่เรียกใช้ click () ดูเหมือนจะไม่ทำอะไรเลยหรืออย่างน้อยก็ไม่ได้ปรากฏขึ้นมาในกล่องโต้ตอบการเลือกไฟล์ ฉันได้ทดลองกับการจับภาพเหตุการณ์โดยใช้ผู้ฟังและเปลี่ยนเส้นทางของเหตุการณ์ แต่ฉันไม่สามารถรับเหตุการณ์นั้นได้จริง ๆ เหมือนมีคนคลิกที่มัน

261 javascript  html 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน2 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ในโครงการของฉันฉันต้องเพิ่มอายุแคชของ Google เป็นข้อมูลสำคัญ ฉันพยายามค้นหาแหล่งที่มาสำหรับอายุแคชของ Google นั่นคือจำนวนวันนับตั้งแต่ Google จัดทำดัชนีหน้าเว็บที่แสดงครั้งล่าสุดอีกครั้ง ฉันจะอายุ Google cache ได้ที่ไหน

261 html  url  hyperlink  web-scraping 

ฉันมีโครงการที่ต้องพิมพ์ตาราง HTML ที่มีหลายแถว ปัญหาของฉันคือวิธีพิมพ์ตารางในหลาย ๆ หน้า บางครั้งมันจะตัดแถวครึ่งทำให้ไม่สามารถอ่านได้เพราะครึ่งหนึ่งอยู่ที่ขอบเลือดออกของหน้ากระดาษและส่วนที่เหลือจะพิมพ์ที่ด้านบนของหน้าถัดไป ทางออกที่เป็นไปได้เพียงอย่างเดียวที่ฉันคิดได้คือใช้ DIV แบบเรียงซ้อนแทนที่จะใช้ตารางและบังคับให้หยุดพักหน้าหากจำเป็น .. แต่ก่อนที่จะผ่านการเปลี่ยนแปลงทั้งหมดฉันคิดว่าฉันสามารถถามได้ที่นี่ก่อน

261 html  css  printing  html-table 

ฉันพยายามสร้างตารางที่มีหัวเรื่องคงที่และเนื้อหาที่เลื่อนได้โดยใช้ตาราง bootstrap 3 น่าเสียดายที่โซลูชันที่ฉันพบไม่สามารถทำงานร่วมกับ bootstrap หรือทำให้สไตล์ยุ่งเหยิง ที่นี่มีตาราง bootstrap ที่เรียบง่าย แต่ด้วยเหตุผลบางอย่างสำหรับฉันไม่ทราบความสูงของร่างกายที่ไม่ใช่ 10px height: 10px !important; overflow: scroll; ตัวอย่าง: <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <table class="table table-striped"> <thead> <tr> <th>Make</th> <th>Model</th> <th>Color</th> <th>Year</th> </tr> </thead> <tbody style="height: 10px !important; overflow: scroll; "> <tr> <td class="filterable-cell">111 Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> </tr> …

261 html  css  twitter-bootstrap  html-table 

ฉันมีตารางที่ฉันแสดง / ซ่อนคอลัมน์แบบเต็มโดย jQuery ผ่านคลาส CSS ที่ไม่มีอยู่: <table> <thead> <tr> <th></th> <th class="target"></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td class="target"></td> <td></td> </tr> <tr> <td></td> <td class="target"></td> <td></td> </tr> </tbody> </table> ด้วย DOM นี้ฉันสามารถทำได้ในหนึ่งบรรทัดผ่าน jQuery: $('.target').css('display','none'); สิ่งนี้ทำงานได้อย่างสมบูรณ์ แต่สามารถใช้คลาส CSS ที่ไม่ได้กำหนดได้หรือไม่ ฉันควรสร้างคลาสที่ว่างสำหรับมันหรือไม่? <style>.target{}</style> มีผลข้างเคียงหรือมีวิธีที่ดีกว่าในการทำเช่นนี้?

260 html  css  w3c-validation  web-standards 

ฉันต้องการออกแบบเว็บเพจที่มีแบนเนอร์และ iframe ฉันหวังว่า iframe สามารถเติมเต็มความสูงของหน้าที่เหลือทั้งหมดและปรับขนาดโดยอัตโนมัติเมื่อเบราว์เซอร์กำลังปรับขนาด เป็นไปได้ไหมที่จะทำได้โดยไม่ต้องเขียนโค้ด Javascript ด้วย CSS เท่านั้น? ฉันลองตั้งค่าheight:100%iframe ผลลัพธ์ค่อนข้างใกล้ แต่ iframe พยายามเติมเต็มความสูงของหน้ารวมถึง30pxความสูงขององค์ประกอบ div banner ดังนั้นฉันจึงมี scrollbar แนวตั้งที่ไม่จำเป็น มันไม่สมบูรณ์แบบ หมายเหตุการอัปเดต : ขอโทษด้วยที่ฉันไม่อธิบายคำถามฉันลองใช้ CSS margin, padding attribute บน DIV เพื่อครอบครองส่วนที่เหลือทั้งหมดของหน้าเว็บให้ประสบความสำเร็จ แต่เคล็ดลับใช้ไม่ได้กับ iframe <body> <div style="width:100%; height:30px; background-color:#cccccc;">Banner</div> <iframe src="http: //www.google.com.tw" style="width:100%; height:100%;"></iframe> </body> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ความคิดใด ๆ ที่ชื่นชม

260 html  css  iframe 

ฉันต้องการลบการเยื้องออกจากulทั้งหมด ฉันพยายามตั้งmargin, padding, text-indentไป0แต่ไม่มีประโยชน์ ดูเหมือนว่าการตั้งค่าtext-indentเป็นจำนวนลบเป็นการหลอกลวง แต่นั่นเป็นวิธีเดียวที่จะลบการเยื้องได้หรือไม่

260 html  css 

ฉันต้องการที่จะมีรายการ "ภายใน" ที่มีสัญลักษณ์แสดงหัวข้อย่อยหรือตัวเลขทศนิยมล้างทั้งหมดด้วยบล็อกข้อความที่เหนือกว่า บรรทัดรายการที่สองต้องมีการเยื้องเหมือนแถวแรก! เช่น: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, 1. Text 2. Text 3. longer Text, longer Text, longer Text, longer Text, longer …

260 html  css  html-lists 

ฉันใช้เฟล็กบ็อกซ์เพื่อแสดง 8 รายการที่จะปรับขนาดแบบไดนามิกกับหน้าของฉัน ฉันจะบังคับให้แยกรายการออกเป็นสองแถวได้อย่างไร (4 ต่อแถว)? นี่คือ snip ที่เกี่ยวข้อง: (หรือถ้าคุณชอบ jsfiddle - http://jsfiddle.net/vivmaha/oq6prk1p/2/ ) .parent-wrapper { height: 100%; width: 100%; border: 1px solid black; } .parent { display: flex; font-size: 0; flex-wrap: wrap; margin: -10px 0 0 -10px; } .child { display: inline-block; background: blue; margin: 10px 0 0 10px; …

260 html  css  flexbox