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

พิจารณาฟังก์ชันนี้: function validate() { var acc = document.getElementsByName('acc').value; var pass = document.getElementsByName('pass').value; alert (acc); } และส่วน HTML นี้: <table border="0" cellpadding="2" cellspacing="0" valign="top"> <tr> <td class="td1">Account</td> <td class="td2"><input type="text" name="acc" /></td> </tr> <tr class="td1"> <td>Password</td> <td class="td2"><input type="password" name="pass" /></td> </tr> </table> <div><button onClick="validate()" class="cupid-greenx">Login now</button></div> กล่องการแจ้งเตือนกำลังแสดง แต่จะแสดง "ไม่ได้กำหนด"

127 javascript  html  dom 

ฉันรู้ว่านี่เป็นคำถามที่ค่อนข้างง่าย แต่ฉันคิดไม่ออกสำหรับชีวิตของฉัน ฉันมีลิงค์สองลิงค์ที่ใช้กับภาพพื้นหลัง นี่คือสิ่งที่ดูเหมือนในปัจจุบัน (ขออภัยสำหรับเงาเป็นเพียงภาพร่างคร่าวๆของปุ่ม): อย่างไรก็ตามฉันต้องการให้ทั้งสองปุ่มอยู่เคียงข้างกัน ฉันคิดไม่ออกจริงๆว่าจะต้องทำอะไรกับการจัดตำแหน่ง นี่คือ HTML <div id="dB"}> <a href="http://notareallink.com" title="Download" id="buyButton">Download</a> </div> <div id="gB"> <a href="#" title="Gallery" onclick="$j('#galleryDiv').toggle('slow');return false;" id="galleryButton">Gallery</a> </div> นี่คือ CSS #buyButton { background: url("assets/buy.png") 0 0 no-repeat; display:block; height:80px; width:232px; text-indent:-9999px; } #buyButton:hover{ width: 232px; height: 80px; background-position: -232px 0; } #buyButton:active { …

127 css  html  alignment 

โดยปกติเมื่อเราต้องการมีหลายDIVsตัวติดต่อกันเราจะใช้float: leftแต่ตอนนี้ฉันค้นพบเคล็ดลับของdisplay:inline-block ตัวอย่างเช่นการเชื่อมโยงที่นี่ สำหรับฉันแล้วนั่นdisplay:inline-blockเป็นวิธีที่ดีกว่าalign DIVsในการติดต่อกัน แต่มีข้อบกพร่องหรือไม่? เหตุใดแนวทางนี้จึงเป็นที่นิยมน้อยกว่าfloatเคล็ดลับ?

127 css  css-float  html 

ฉันกำลังพยายามหา div ที่position:fixedจัดกึ่งกลางหน้าเพจ ฉันสามารถทำได้โดยใช้ div ตำแหน่งที่แน่นอนโดยใช้ "แฮ็ก" นี้ left: 50%; width: 400px; margin-left:-200px ... โดยที่ค่าขอบซ้ายคือครึ่งหนึ่งของความกว้างของ div สิ่งนี้ดูเหมือนจะใช้ไม่ได้กับ div ตำแหน่งคงที่ แต่เพียงแค่วางโดยให้มุมซ้ายสุด 50% และละเว้นการประกาศระยะขอบซ้าย มีแนวคิดในการแก้ไขอย่างไรเพื่อให้ฉันสามารถจัดตำแหน่งองค์ประกอบคงที่ได้ และฉันจะให้โบนัส M&M หากคุณสามารถบอกวิธีที่ดีกว่าในการจัดตำแหน่งองค์ประกอบที่อยู่ตรงกลางได้ดีกว่าวิธีที่ฉันอธิบายไว้ข้างต้น

127 html  center  alignment  css-position 

ฉันสามารถตั้งค่า data- * attribute ด้วย thymeleaf ได้หรือไม่? ตามที่ฉันเข้าใจจากเอกสารใบโหระพาฉันพยายาม: <div th:data-el_id="${element.getId()}"> <!-- doesn't work --> <div data-th-el_id="${element.getId()}"> <!-- doesn't work -->

127 html  thymeleaf 

ฉันอนุญาตให้ผู้ใช้โหลดภาพลงในเพจผ่านการลากและวางและวิธีอื่น ๆ เมื่อภาพหลุดฉันกำลังใช้URL.createObjectURLเพื่อแปลงเป็น URL วัตถุเพื่อแสดงภาพ ฉันไม่ได้เพิกถอน url เนื่องจากใช้ซ้ำ ดังนั้นเมื่อถึงเวลาต้องสร้างFormDataออบเจ็กต์เพื่อที่ฉันจะได้อนุญาตให้พวกเขาอัปโหลดแบบฟอร์มที่มีรูปใดรูปหนึ่งอยู่ในนั้นมีวิธีใดบ้างที่ฉันสามารถย้อนกลับ Object URL นั้นกลับไปเป็นBlobหรือFileดังนั้นฉันจึงสามารถต่อท้ายด้วยFormDataวัตถุ?

127 javascript  html  fileapi  blobs 

ฉันพยายามจัดเนื้อหาของคอลัมน์ให้อยู่กึ่งกลาง ดูเหมือนจะไม่เหมาะกับฉัน นี่คือ HTML ของฉัน: <div class="row"> <div class="col-xs-1 center-block"> <span>aaaaaaaaaaaaaaaaaaaaaaaaaaa</span> </div> </div> JSFiddle สาธิต

127 html  css  twitter-bootstrap 

ฉันมี div ส่วนหัวเป็นองค์ประกอบแรกใน wrapper div ของฉัน แต่เมื่อฉันเพิ่มระยะขอบบนลงใน h1 ภายในส่วนหัว div มันจะดันส่วนหัวทั้งหมด div ลง ฉันตระหนักดีว่าสิ่งนี้เกิดขึ้นเมื่อใดก็ตามที่ฉันใช้ระยะขอบบนกับองค์ประกอบแรกที่มองเห็นได้บนหน้า นี่คือตัวอย่างข้อมูลโค้ด ขอบคุณ! div#header{ width: 100%; background-color: #eee; position: relative; } div#header h1{ text-align: center; width: 375px; height: 50px; margin: 50px auto; font-size: 220%; background: url('../../images/name_logo.png') no-repeat; } <div id="header"> <h1>Title</h1> <ul id="navbar"></ul> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด

126 html  css  xhtml 

ฉันกำลังพยายามทำให้รูปภาพ (วางแบบไดนามิกโดยไม่มีข้อ จำกัด เรื่องขนาด) ให้กว้างเท่ากับ div พาเรนต์ แต่ตราบใดที่ความกว้างนั้นไม่กว้างกว่าความกว้างของมันเองที่ 100% ฉันได้ลองแล้ว แต่ก็ไม่เกิดประโยชน์: img { width: 100%; height: auto; max-width: 100%; } ภาพเหล่านี้หลายภาพกว้างกว่า div หลักซึ่งเป็นสาเหตุที่ฉันต้องการให้ปรับขนาดตามนั้น แต่เมื่อมีภาพเล็ก ๆ ปรากฏขึ้นที่นั่นและได้รับการปรับขนาดให้เกินขนาดปกติมันดูแย่มาก มีวิธีใดบ้างในการทำเช่นนี้?

126 html  width  css 

ฉันมีองค์ประกอบเลือกฉันต้องการที่จะเอาลูกศรแล้วฉันสามารถเพิ่มไอคอนอื่น ๆ .. ฉันสามารถทำเช่นนั้นสำหรับ Firefox Safari และ Chrome แต่นี้ไม่ได้ทำงานในIE9 .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') no-repeat; background-position: 179px 7px; text-indent: 0.01px; text-overflow: ""; color: #FCAF17; width:200px; } SEE ซอบนIE9 สิ่งที่ฉันต้องการคือลบลูกศรใน ie9 โปรดตอบ …

126 html  css  html-select 

ฉันมีสองภาพที่ต้องเก็บไว้ในบรรทัด ฉันต้องการเขียนคำบรรยายใต้ภาพแต่ละภาพ <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> ฉันจะใช้งานได้อย่างไร?

126 css  html 

มีวิธีสำหรับนักพัฒนาเว็บในการปิดการตรวจสอบการสะกดของ Chrome / Safari / WebKit เฉพาะinputหรือtextareaองค์ประกอบหรือไม่? ฉันหมายถึงโดยแอตทริบิวต์แท็กพิเศษหรือคำสั่ง CSS ที่เป็นกรรมสิทธิ์ มีคำสั่ง CSS สำหรับการปิดการสรุปinputs ดังนั้นฉันคิดว่าอาจมีอยู่ด้วย ฉันรู้ว่าผู้ใช้สามารถทำได้อย่างไร หรือในฐานะผู้ใช้ฉันสามารถปิดใช้งานสำหรับบางโดเมนได้หรือไม่

126 html  css  google-chrome  spell-checking 

ฉันมีปุ่มในหน้าของฉันซึ่งเมื่อคลิกแล้วจะแสดงdiv(รูปแบบป๊อปอัป) ที่กลางหน้าจอของฉัน ฉันใช้ CSS ต่อไปนี้เพื่อdivจัดกึ่งกลางตรงกลางหน้าจอ: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } CSS นี้ทำงานได้ดีตราบเท่าที่ไม่ได้เลื่อนหน้าลง แต่ถ้าฉันวางปุ่มที่ด้านล่างของหน้าเมื่อคลิกปุ่มdivจะแสดงที่ด้านบนและผู้ใช้ต้องเลื่อนขึ้นเพื่อดูเนื้อหาของไฟล์div. ฉันต้องการทราบวิธีแสดงdivตรงกลางหน้าจอแม้ว่าจะเลื่อนหน้าไปแล้วก็ตาม

126 html  css  scroll  position  centering 

หมายเหตุ : นี้จะทำอย่างไรกับวิธีการที่องค์ประกอบผ้าใบที่มีอยู่จะแสดงผลเมื่อปรับขนาดขึ้น ,ไม่ได้จะทำอย่างไรกับสายหรือกราฟิกจะแสดงผลบนพื้นผิวผ้าใบ ในคำอื่น ๆ นี้มีทุกสิ่งที่จะทำอย่างไรกับการแก้ไขขององค์ประกอบที่ปรับขนาดได้และไม่มีอะไรจะทำอย่างไรกับการลดรอยหยักของกราฟิกถูกวาดบนผืนผ้าใบ ฉันไม่ได้กังวลว่าเบราว์เซอร์จะลากเส้นอย่างไร ฉันดูแลเกี่ยวกับวิธีการเบราว์เซอร์วาทกรรมองค์ประกอบผ้าใบตัวเองเมื่อมีการปรับขนาดขึ้น มีคุณสมบัติผ้าใบหรือการตั้งค่าเบราว์เซอร์ที่ฉันสามารถเปลี่ยนโดยทางโปรแกรมเพื่อปิดใช้งานการแก้ไขเมื่อปรับขนาด<canvas>องค์ประกอบได้หรือไม่ โซลูชันข้ามเบราว์เซอร์เหมาะอย่างยิ่ง แต่ไม่จำเป็น เบราว์เซอร์ที่ใช้ Webkit เป็นเป้าหมายหลักของฉัน ประสิทธิภาพเป็นสิ่งสำคัญมาก คำถามนี้คล้ายกันมากที่สุด แต่ไม่ได้อธิบายถึงปัญหาอย่างเพียงพอ สำหรับสิ่งที่คุ้มค่าฉันพยายามimage-rendering: -webkit-optimize-contrastแล้ว แอปพลิเคชันนี้จะเป็นเกม 8 บิตสไตล์ "ย้อนยุค" ที่เขียนด้วย HTML5 + JS เพื่อให้ชัดเจนว่าฉันต้องการอะไร เพื่อเป็นตัวอย่างนี่คือตัวอย่าง ( เวอร์ชันสด ) สมมติว่าฉันมีผ้าใบขนาด 21x21 ... <canvas id='b' width='21' height='21'></canvas> ... ซึ่งมี css ที่ทำให้องค์ประกอบใหญ่ขึ้น 5 เท่า (105x105): canvas { border: …

126 javascript  html  canvas 

สิ่งที่ฉันพยายามทำคือเปลี่ยนสีคำแนะนำเครื่องมือเป็นสีแดง อย่างไรก็ตามฉันต้องการมีสีอื่น ๆ อีกหลายสีดังนั้นฉันไม่เพียงต้องการแทนที่สีของคำแนะนำเครื่องมือดั้งเดิม ฉันจะทำสิ่งนี้ได้อย่างไร

126 html  css  twitter-bootstrap