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

สวัสดีฉันกำลังใช้สิ่งที่คุ้นเคยกับสิ่งต่อไปนี้เพื่อให้ div อยู่ในตำแหน่งกลางหน้าจอ: <style type="text/css"> #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; background-color: #f3f3f3; } </style> <div id="mydiv">Test Div</div> อย่างไรก็ตามปัญหาเกี่ยวกับสิ่งนี้คือมันวางตำแหน่งรายการที่อยู่ตรงกลางของหน้าไม่ใช่หน้าจอ ดังนั้นหากหน้าจอมีบางหน้าจอสูงและฉันอยู่ที่ด้านบนของหน้า (ส่วนบนของส่วนจะปรากฏบนหน้าจอ) …

141 css  html  window  center 

เป้าหมายของฉันคือการสร้างหน้า HTML ที่คล้ายกับ "กรอบรูป" กล่าวอีกนัยหนึ่งฉันต้องการทำหน้าว่างที่ล้อมรอบด้วย 4 รูปภาพ นี่คือรหัสของฉัน: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> </tr> <tr> <td class="bBottom" colspan="3"> </td> </tr> </table> และคลาส CSS มีดังต่อไปนี้: .bTop { width: 960px; height: 111px; background-image: url('../Images/BackTop.jpg'); } .bLeft { width: 212px; height: …

141 html  css  html-table  background-image 

ฉันใช้สไตล์ชีทแยกต่างหากสำหรับการพิมพ์ เป็นไปได้หรือไม่ที่จะกำหนดระยะขอบด้านซ้ายและขวาในสไตล์ชีตซึ่งกำหนดระยะขอบการพิมพ์ ขอบคุณ

141 html  css  printing  stylesheet 

เป็นการยากที่จะบอกสิ่งที่ถูกถามที่นี่ คำถามนี้คลุมเครือคลุมเครือไม่สมบูรณ์กว้างเกินไปหรือโวหารและไม่สามารถตอบได้อย่างสมเหตุสมผลในรูปแบบปัจจุบัน สำหรับความช่วยเหลือในการทำความเข้าใจคำถามนี้เพื่อที่จะสามารถเปิด, ไปที่ศูนย์ช่วยเหลือ ปิดให้บริการใน8 ปีที่ผ่านมา ฉันมีรูปแบบที่มีปุ่มที่ส่งแบบฟอร์ม ฉันต้องทำอะไรบางอย่างก่อนส่งจะเกิดขึ้น ฉันพยายามทำonClickที่ปุ่มนั้น แต่มันเกิดขึ้นหลังจากส่ง ฉันไม่สามารถแบ่งปันรหัสได้ แต่โดยทั่วไปฉันควรทำอย่างไรใน jQuery หรือ JS เพื่อจัดการสิ่งนี้

141 javascript  jquery  html 

ฉันต้องการเรียกใช้ฟังก์ชันที่กำหนดไว้ในไฟล์ first.js ในไฟล์ second.js ไฟล์ทั้งสองจะถูกกำหนดในไฟล์ HTML เช่น: <script type="text/javascript" src="first.js"></script> <script type="text/javascript" src="second.js"></script> ฉันต้องการที่จะเรียกfn1()ที่กำหนดไว้ในในfirst.js second.jsคำตอบจากการค้นหาของฉันคือถ้าfirst.jsมีการกำหนดไว้ก่อนเป็นไปได้ แต่จากการทดสอบของฉันฉันไม่พบวิธีการดังกล่าว นี่คือรหัสของฉัน: second.js document.getElementById("btn").onclick = function() { fn1(); } first.js function fn1() { alert("external fn clicked"); }

141 javascript  html 

ฉันสร้างลายเซ็นอีเมล HTML ด้วย CSS แบบอินไลน์ (เช่น CSS ในstyleคุณลักษณะ) และฉันอยากรู้ว่ามันเป็นไปได้ที่จะใช้:beforeและ:afterองค์ประกอบหลอก ถ้าเป็นเช่นนั้นฉันจะใช้สิ่งนี้กับอินไลน์ CSS ได้อย่างไร td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

141 html  css  css-selectors  pseudo-element  inline-styles 

ฉันต้องการเพิ่มสไตล์ให้กับป้ายกำกับที่เลือกของปุ่มตัวเลือก: HTML: <div class="radio-toolbar"> <label><input type="radio" value="all" checked>All</label> <label><input type="radio" value="false">Open</label> <label><input type="radio" value="true">Archived</label> </div> CSS .radio-toolbar input[type="radio"] {display:none;} .radio-toolbar label { background:Red; border:1px solid green; padding:2px 10px; } .radio-toolbar label + input[type="radio"]:checked { background:pink !important; } ความคิดใดที่ฉันทำผิด

141 html  css 

ฉันสงสัยว่าความแตกต่างระหว่าง Select-Option และ Datalist-Option คืออะไร มีสถานการณ์ใดที่จะดีกว่าที่จะใช้อย่างใดอย่างหนึ่งหรือไม่? ตัวอย่างของแต่ละรายการดังต่อไปนี้: เลือก - ตัวเลือก <select name="browser"> <option value="firefox">Firefox</option> <option value="ie">IE</option> <option value="chrome">Chrome</option> <option value="opera">Opera</option> <option value="safari">Safari</option> </select> Datalist-Option <input type=text list=browsers> <datalist id=browsers> <option value="Firefox"> <option value="IE"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>

141 html  html-select  forms  html-datalist 

พูดอย่างเคร่งครัดstyleแท็กต้องอยู่ในheadเอกสาร HTML หรือไม่? มาตรฐาน 4.01 หมายความว่า แต่ไม่ได้ระบุไว้อย่างชัดเจน: องค์ประกอบ STYLE ช่วยให้ผู้เขียนสามารถใส่กฎสไตล์ชีตในส่วนหัวของเอกสารได้ HTML อนุญาตให้มีองค์ประกอบ STYLE จำนวนเท่าใดก็ได้ในส่วน HEAD ของเอกสาร ฉันพูดว่า "พูดอย่างเคร่งครัด" เพราะฉันมีแอปที่ใส่องค์ประกอบสไตล์ไว้ในร่างกายและเบราว์เซอร์ทั้งหมดที่ฉันทดสอบดูเหมือนจะใช้องค์ประกอบสไตล์ ฉันแค่สงสัยว่ามันถูกกฎหมายจริงหรือเปล่า

141 html  coding-style  html-head 

ดังที่นักพัฒนา JavaScript ผู้ช่ำชองรู้ดีว่ามีหลายวิธี (มากเกินไป) ในการทำสิ่งเดียวกัน ตัวอย่างเช่นสมมติว่าคุณมีช่องข้อความดังนี้: <form name="myForm"> <input type="text" name="foo" id="foo" /> มีหลายวิธีในการเข้าถึงสิ่งนี้ใน JavaScript: [1] document.forms[0].elements[0]; [2] document.myForm.foo; [3] document.getElementById('foo'); [4] document.getElementById('myForm').foo; ... and so on ... วิธีการ [1] และ [3] ได้รับการบันทึกไว้อย่างดีในเอกสารของ Mozilla Gecko แต่ไม่เหมาะอย่างยิ่ง [1] กว้างเกินไปที่จะเป็นประโยชน์และ [3] ต้องใช้ทั้ง ID และชื่อ (สมมติว่าคุณจะโพสต์ข้อมูลเป็นภาษาฝั่งเซิร์ฟเวอร์) ตามหลักการแล้วจะเป็นการดีที่สุดที่จะมีเพียงแอตทริบิวต์ id หรือแอตทริบิวต์ name (การมีทั้งสองอย่างค่อนข้างซ้ำซ้อนโดยเฉพาะอย่างยิ่งถ้า id ไม่จำเป็นสำหรับ …

141 javascript  html  forms  dom 

ฉันใช้CKEditorเป็นเครื่องมือแก้ไขส่วนหลังบนเว็บไซต์ของฉัน ฉันกำลังขับรถไปรอบ ๆ โค้ง แต่ดูเหมือนว่าฉันต้องการเปลี่ยนรหัสเป็นวิธีที่เหมาะสมเมื่อใดก็ตามที่ฉันกดปุ่มซอร์ส ตัวอย่างเช่นถ้าฉันกดแหล่งข้อมูลและสร้าง<div>... <div class="myclass">some content</div> จากนั้นก็ไม่มีเหตุผลที่ชัดเจนตัดชั้นเรียนจาก<div>ดังนั้นเมื่อฉันกดแหล่งที่มาอีกครั้งก็เปลี่ยนเป็น ... <div>some content</div> ฉันคิดว่าพฤติกรรมที่น่ารำคาญนี้สามารถปิดconfig.jsได้ แต่ฉันขุดและไม่พบสิ่งใดในเอกสารเพื่อปิด

140 class  html  ckeditor 

ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม & คำตอบของเรา เราคาดหวังคำตอบที่จะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้มีแนวโน้มที่จะเรียกร้องให้มีการอภิปรายโต้แย้งโต้แย้งหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ ปิดให้บริการใน8 ปีที่ผ่านมา หัวข้อการถกเถียงที่เห็นถึงการฟื้นตัวตั้งแต่การเปิดตัว iPad เป็นปัญหาของ Flash เมื่อเทียบกับ HTML5 มีผู้แนะนำว่า HTML5 จะแทนที่หนึ่งวัน / แทนที่ Adobe Flash ฉันไม่ได้พัฒนาซอฟต์แวร์ที่ทำงานในเบราว์เซอร์ดังนั้นความเข้าใจ (จำกัด ) ของฉันคือ: HTML เป็นภาษามาร์กอัปข้อความที่ส่งผ่าน HTTP ไปยังเบราว์เซอร์ไคลเอ็นต์ เบราว์เซอร์ไคลเอนต์ตีความมาร์กอัปและการแสดงผล (โดยมีระดับความสำเร็จที่แตกต่างกัน) เพจตามข้อกำหนดมาตรฐาน Adobe Flash เป็นเฟรมเวิร์กที่เหมาะสมสำหรับการทำงานกับกราฟิกเสียงวิดีโอและกราฟิกแรสเตอร์ / เวกเตอร์ มันต้องใช้เครื่องมือการเขียนพิเศษ (อาจจะเป็นคอมไพเลอร์?) และเครื่องเล่นแบบกำหนดเองที่มีให้เป็นปลั๊กอินสำหรับเบราว์เซอร์ทั่วไปส่วนใหญ่ ใครช่วยกรุณาอธิบาย (สำหรับนักพัฒนา C / C ++) ว่าเป็นไปได้อย่างไรจากจุดทางเทคนิค / การเข้ารหัสว่ามุมมองของภาษามาร์กอัปแบบข้อความ (HTML5) …

140 flash  html  markup  web-standards 

ดูเหมือนว่ามันจะเป็นปัญหาที่รู้จักกันดี แต่การแก้ปัญหาทั้งหมดที่ฉันพบใน Google ไม่ทำงานบน IE9 ที่เพิ่งดาวน์โหลดมา วิธีใดที่คุณชอบเพื่อเปิดใช้งานPlaceholderคุณสมบัติบนinputและtextareaแท็ก ทางเลือก: ฉันเสียเวลาไปมากและไม่ได้มองหาrequiredที่พัก คุณจะมีคำแนะนำสำหรับสิ่งนี้หรือไม่? เห็นได้ชัดว่าฉันสามารถตรวจสอบค่าใน PHP แต่เพื่อช่วยให้ผู้ใช้คุณสมบัตินี้มีความสะดวกมาก

140 javascript  html  internet-explorer-9  placeholder 

ไม่มีใครรู้ว่า Internet Explorer รองรับhistory.pushState()และhistory.replaceState()วิธีการจัดการประวัติเบราว์เซอร์หรือไม่? เมื่อพิจารณาถึงสิ่งเหล่านี้กำลังถูกนำมาใช้ใน Firefox 4 ฉันไม่ได้กลั้นลมหายใจ แต่ใครจะรู้ว่าพวกเขากำลังเข้ามาใน IE9 หรือไม่?

140 internet-explorer  html  pushstate 

มีเหตุผลใดที่จะใช้<div style="display:inline-block">แทน<span>เค้าโครงหน้าเว็บ? ฉันสามารถวางเนื้อหาซ้อนกันในช่วงได้หรือไม่ สิ่งที่ถูกต้องและสิ่งที่ไม่? คุณสามารถใช้สิ่งนี้เพื่อสร้างตาราง 3x2 เหมือนเลย์เอาต์ได้หรือไม่ <div> <span> content1(divs,p, spans, etc) </span> <span> content2(divs,p, spans, etc) </span> <span> content3(divs,p, spans, etc) </span> </div> <div> <span> content4(divs,p, spans, etc) </span> <span> content5(divs,p, spans, etc) </span> <span> content6(divs,p, spans, etc) </span> </div>

140 css  html