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

ฉันใช้เค้าโครงกล่องดิ้น CSS ซึ่งปรากฏดังที่แสดงด้านล่าง: หากหน้าจอเล็กลงจะเปลี่ยนเป็น: ปัญหาคือรูปภาพไม่ได้ถูกปรับขนาดโดยคงสัดส่วนภาพจากภาพต้นฉบับ เป็นไปได้ไหมที่จะใช้ CSS บริสุทธิ์และเค้าโครงกล่องดิ้นเพื่อให้ภาพถูกปรับขนาดหากหน้าจอเล็กลง นี่คือ html ของฉัน: <div class="content"> <div class="row"> <div class="cell"> <img src="http://i.imgur.com/OUla6mK.jpg"/> </div> <div class="cell"> <img src="http://i.imgur.com/M16WzMd.jpg"/> </div> </div> </div> CSS ของฉัน: .content { background-color: yellow; } .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; …

99 html  css  flexbox 

ฉันต้องการหลีกเลี่ยงการแบ่งหน้าภายในแถวของตารางใน html เมื่อฉันแปลง html เป็น PDF โดย wkhtmltopdf ฉันใช้ page-break-inside: หลีกเลี่ยงด้วย table - มันใช้งานได้ แต่ฉันมีหลายแถวแล้วไม่ทำงาน หากตั้งค่าการแสดงtr เป็นบล็อกหรืออย่างอื่นมันจะเปลี่ยนการจัดรูปแบบของตารางและใส่เส้นขอบคู่ หรือเป็นไปได้ที่จะแทรกส่วนหัวของตารางในแต่ละหน้าซึ่งตารางถูกแยกออก

99 html  css  wkhtmltopdf 

มีวิธีกำหนดให้รายการในช่องฟอร์มสองช่องจับคู่โดยใช้ HTML5 หรือไม่? หรือว่ายังต้องทำ javascript? ตัวอย่างเช่นหากคุณมีช่องรหัสผ่านสองช่องและต้องการให้แน่ใจว่าผู้ใช้ป้อนข้อมูลเดียวกันในแต่ละช่องมีแอตทริบิวต์หรือการเข้ารหัสอื่น ๆ ที่สามารถทำได้หรือไม่เพื่อให้บรรลุเป้าหมายนี้

99 forms  html 

ฉันมีโต๊ะแบบนี้: <table> <tfoot> <tr><td>footer</td></tr> </tfoot> <tbody> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> </tbody> <tbody> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> </tbody> <tbody> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> </tbody> </table> ฉันต้องการเว้นระยะห่างระหว่างแต่ละองค์ประกอบ tbody แต่การเว้นระยะห่างและระยะขอบไม่มีผล ความคิดใด ๆ ?

99 html  css 

ฉันมีรูปแบบ HTML ในไฟล์ JSP ในWebContent/jspsโฟลเดอร์ของฉัน ฉันมีคลาส servlet servlet.javaในแพ็คเกจเริ่มต้นของฉันในsrcโฟลเดอร์ ในของฉันweb.xmlมันถูกแมปเป็น/servlet. ฉันได้ลอง URL หลายรายการในactionแอตทริบิวต์ของรูปแบบ HTML: <form action="/servlet"> <form action="/servlet.java"> <form action="/src/servlet.java"> <form action="../servlet.java"> แต่ไม่มีงานเหล่านั้น พวกเขาทั้งหมดส่งคืนข้อผิดพลาด HTTP 404 ดังต่อไปนี้ใน Tomcat 6/7/8: สถานะ HTTP 404 - / servlet คำอธิบาย : ทรัพยากรที่ร้องขอ (/ servlet) ไม่พร้อมใช้งาน หรือดังต่อไปนี้ใน Tomcat 8.5 / 9: HTTP Status 404 - ไม่พบ …

99 html  forms  jsp  servlets  http-status-code-404 

ฉันกำลังดิ้นรนกับสตริงที่แสดง HTML ใน Android WebView ที่ฝั่งเซิร์ฟเวอร์ฉันดาวน์โหลดหน้าเว็บและหลีกเลี่ยงอักขระ HTML และเครื่องหมายคำพูด (ฉันใช้ Python): my_string = html.escape(my_string, True) ในฝั่งไคลเอ็นต์ Android: สตริงจะไม่ใช้ Escape โดย: myString = StringEscapeUtils.unescapeHtml4(myString) webview.loadData( myString, "text/html", "encoding"); อย่างไรก็ตาม webview จะแสดงเป็นสตริงตามตัวอักษร นี่คือผลลัพธ์: แก้ไข: ฉันเพิ่มสตริงดั้งเดิมที่ส่งคืนจากฝั่งเซิร์ฟเวอร์: ลิงค์ rel = & quot; apple-touch-icon & quot; ขนาด = & quot; 114x114 & quot; href = & …

99 android  python  html  webview 

ฉันมีลิงก์myLinkที่ควรแทรกเนื้อหาที่โหลด AJAX ลงในdiv(appendedContainer) ของหน้า HTML ของฉัน ปัญหาคือclickเหตุการณ์ที่ฉันผูกไว้กับ jQuery ไม่ได้ถูกดำเนินการกับเนื้อหาที่โหลดใหม่ซึ่งถูกแทรกลงใน appendedContainer clickเหตุการณ์ที่ถูกผูกไว้ในองค์ประกอบ DOM ที่ยังไม่ได้เต็มไปด้วยฟังก์ชั่น AJAX ของฉัน ฉันต้องเปลี่ยนแปลงอะไรบ้างเพื่อที่เหตุการณ์จะผูกพัน? HTML ของฉัน: <a class="LoadFromAjax" href="someurl">Load Ajax</a> <div class="appendedContainer"></div> JavaScript ของฉัน: $(".LoadFromAjax").on("click", function(event) { event.preventDefault(); var url = $(this).attr("href"), appendedContainer = $(".appendedContainer"); $.ajax({ url: url, type : 'get', complete : function( qXHR, textStatus ) { …

99 javascript  jquery  html  ajax  jquery-events 

ฉันจะตั้งค่าฟิลด์ที่กำหนดเองในส่วนหัว POST เมื่อส่งแบบฟอร์มได้อย่างไร

99 javascript  html  post  http-post  httprequest 

ฉันจะรับความกว้างและความสูงขององค์ประกอบ canvas ใน JavaScript ได้อย่างไร นอกจากนี้ "บริบท" ของผืนผ้าใบที่ฉันอ่านอยู่เสมอคืออะไร

99 javascript  html  canvas 

มีวิธีลบสไตล์ของปุ่มใน Internet Explorer โดยสิ้นเชิงหรือไม่? ฉันใช้สไปรต์ css สำหรับปุ่มของฉันและทุกอย่างก็ดูโอเค แต่พอคลิกปุ่มมันจะเลื่อนไปด้านบนเล็กน้อยมันทำให้ดูไม่เป็นทรง มีสถานะการคลิก CSS หรือถูกเลื่อนลงหรือไม่? ฉันไม่รู้ว่าอะไรเป็นตัวกระตุ้นสถานะนั้น ฉันรู้ว่ามันไม่ใช่เรื่องใหญ่ แต่บางครั้งมันก็เป็นเรื่องเล็ก ๆ ที่สำคัญ

99 html  css  internet-explorer  button  state 

สวัสดีทั้งหมดเป็นเวลานานแล้วที่ฉันถามอะไรบางอย่างนี่เป็นสิ่งที่รบกวนฉันมาระยะหนึ่งแล้วคำถามนั้นอยู่ในชื่อ: วิธีใดที่คุณต้องการในการเขียนตาราง HTML ที่มีส่วนหัวแนวตั้ง โดยส่วนหัวแนวตั้งฉันหมายความว่าตารางมี<th>แท็กheader ( ) ทางด้านซ้าย (โดยทั่วไป) ส่วนหัวข้อมูลข้อมูลข้อมูล ส่วนหัว 2ข้อมูลข้อมูล ส่วนหัวข้อมูลข้อมูลข้อมูล3ข้อมูล พวกเขามีลักษณะเช่นนี้จนถึงตอนนี้ฉันมีสองตัวเลือก ตัวเลือกแรก <table id="vertical-1"> <caption>First Way</caption> <tr> <th>Header 1</th> <td>data</td><td>data</td><td>data</td> </tr> <tr> <th>Header 2</th> <td>data</td><td>data</td><td>data</td> </tr> <tr> <th>Header 2</th> <td>data</td><td>data</td><td>data</td> </tr> </table> ประโยชน์หลักของวิธีนี้คือการที่คุณมีส่วนหัว (ซ้ายจริง) ทางขวาถัดจากข้อมูลที่แสดงให้เห็นถึงสิ่งที่ฉันไม่ชอบ แต่เป็นว่า<thead>, <tbody>และ<tfoot>แท็กจะหายไปและมีวิธีการที่จะรวมพวกเขาโดยไม่ทำลาย วางองค์ประกอบไว้ด้วยกันอย่างสวยงามซึ่งนำฉันไปสู่ตัวเลือกที่สอง ตัวเลือกที่สอง <style type="text/css"> #vertical-2 thead,#vertical-2 tbody{ display:inline-block; } </style> …

99 html  css  datatable  semantic-markup 

ฉันกำลังพยายามหยุดตารางที่มีการประกาศความกว้างอย่างชัดเจนไม่ให้ล้นเกินจากระดับdivบนสุด ฉันคิดว่าฉันสามารถทำได้โดยใช้วิธีใดวิธีหนึ่งmax-widthแต่ดูเหมือนจะไม่ได้ผล รหัสต่อไปนี้ (มีหน้าต่างเล็กมาก) จะทำให้เกิดสิ่งนี้: <style type="text/css"> #middlecol { width: 45%; border-right:2px solid red; } #middlecol table { max-width:100% !important; } </style> <div id="middlecol"> <center> <table width="400" cellpadding="3" cellspacing="0" border="0" align="center"> <tr> <td bgcolor="#DDFFFF" align="center" colspan="2"> <strong>Notification!</strong> </td> <tr> <td width="50"> <img src="http://www.example.com/img.png" width="50" height="50" alt="" border="0"> </td> <td> Lorem …

99 html  css  html-table 

การตั้งค่าความกว้างเส้นโครงร่าง: 1 บน a <rect>องค์ประกอบใน SVG จะวางเส้นขีดไว้ที่ทุกด้านของสี่เหลี่ยม หนึ่งจะวางความกว้างเส้นขีดเพียงสามด้านของสี่เหลี่ยมผืนผ้า SVG ได้อย่างไร?

99 html  svg  vector-graphics  inkscape 

ฉันมี textarea ซึ่งอยู่ใน div เนื่องจากฉันมีคำใบ้ jquery และต้องการใช้ความทึบโดยไม่ต้องเปลี่ยนเส้นขอบ มีแถบเลื่อนแนวตั้งที่มองเห็นได้ว่าฉันต้องการให้สิ่งนี้แสดงเฉพาะเมื่อฉันพิมพ์ในช่องข้อความและมันอยู่เหนือคอนเทนเนอร์ ฉันได้ลองล้นแล้ว: อัตโนมัติ; แต่ไม่ได้ผล ช่องข้อความ: <label> <div id="name"> <textarea name="message" type="text" id="message" title="Enter Message Here" rows=9 cols=60 maxlength="2000"></textarea> </div> </label> รูปแบบ: #name { border: 1px solid #c810ca; width: 270px; height:159px; overflow: hidden; position: relative; } #message { height: 400px; width: 235px; overflow: hidden; …

99 html  css  forms 

Visual Studio HTML Designer อยู่ที่ไหน ฉันเห็นว่ามีตัวเลือกสำหรับ HTML Designer แต่ฉันไม่สามารถเปิดได้ เลยอยากถามว่าทำไมหาคนออกแบบไม่เจอแล้วจะเปิดได้อย่างไร เมื่อฉันสร้างไฟล์ HTML มันจะไปที่โค้ด HTML

99 html  visual-studio  ide