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

ฉันตระหนักดีว่าสามารถระบุกราฟิกที่กำหนดเองให้เป็นอักขระสัญลักษณ์แสดงหัวข้อย่อยแทนโดยใช้แอตทริบิวต์ CSS: list-style-image จากนั้นให้ URL อย่างไรก็ตามในกรณีของฉันฉันแค่ต้องการใช้สัญลักษณ์ '+' ฉันไม่ต้องการสร้างภาพกราฟิกสำหรับสิ่งนั้นแล้วชี้ไปที่มัน ฉันแค่สั่งให้รายการที่ไม่เรียงลำดับใช้สัญลักษณ์บวกเป็นสัญลักษณ์แสดงหัวข้อย่อย สามารถทำได้หรือฉันถูกบังคับให้ทำกราฟิกก่อน?

126 html  css  webkit  mobile-webkit 

ด้วย HTML ฉันจะ จำกัด ประเภทไฟล์ที่สามารถอัปโหลดได้อย่างไร เพื่อให้ประสบการณ์ผู้ใช้ง่ายขึ้นฉันต้องการ จำกัด การอัปโหลดไฟล์ให้เป็นรูปภาพเท่านั้น (jpeg, gif, png) <form method="post" action="..." enctype="multipart/form-data"> <label for="image">Photo</label> <input name="image" type="file" /> </form>

126 html  image  upload  file-upload 

ฉันจะอนุญาตให้ผู้ใช้เลือกช่องทำเครื่องหมายเพียงช่องเดียวได้อย่างไร ฉันรู้ว่าปุ่มตัวเลือกนั้น "เหมาะอย่างยิ่ง" แต่สำหรับจุดประสงค์ของฉัน ... มันไม่ใช่ ฉันมีฟิลด์ที่ผู้ใช้ต้องเลือกตัวเลือกใดตัวเลือกหนึ่งหรือสองตัวเลือก แต่ไม่ใช่ทั้งสองอย่าง ปัญหาคือฉันต้องการให้ผู้ใช้ของฉันสามารถยกเลิกการเลือกตัวเลือกของพวกเขาได้และนี่คือจุดที่ปุ่มตัวเลือกล้มเหลวเนื่องจากเมื่อคุณเลือกกลุ่มแล้วคุณต้องเลือกตัวเลือก ฉันจะตรวจสอบความถูกต้องของข้อมูลผ่าน php แต่ฉันยังคงต้องการ จำกัด ผู้ใช้ไว้เพียงคำตอบเดียวหากพวกเขาต้องการให้

126 html  checkbox 

เป็นไปได้ไหมที่จะสร้าง CSS grid wrap โดยไม่ต้องใช้มีเดีย ในกรณีของฉันฉันมีจำนวนรายการที่ไม่สามารถกำหนดได้ซึ่งฉันต้องการวางไว้ในตารางและฉันต้องการให้เส้นตารางนั้นรวมเข้าด้วยกัน ด้วยการใช้ Flexbox ฉันไม่สามารถจัดพื้นที่ได้อย่างน่าเชื่อถือ ฉันต้องการหลีกเลี่ยงการค้นหาสื่อมากมายเช่นกัน นี่คือโค้ดตัวอย่างบางส่วน : .grid { display: grid; grid-gap: 10px; grid-auto-flow: column; grid-template-columns: 186px 186px 186px 186px; } .grid > * { background-color: green; height: 200px; } <div class="grid"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด และนี่คือภาพ GIF: โปรดทราบว่าหากใครสามารถบอกฉันได้ว่าฉันสามารถหลีกเลี่ยงการระบุความกว้างของรายการทั้งหมดเช่นที่ฉันอยู่ด้วยgrid-template-columnsได้อย่างไรจะดีมาก ฉันต้องการให้เด็กระบุความกว้างของตัวเอง

126 html  css  css-grid 

ฉันใช้ปลั๊กอินหลายตัววิดเจ็ตแบบกำหนดเองและไลบรารีอื่น ๆ จาก JQuery ส่งผลให้ฉันมีไฟล์. js และ. css หลายไฟล์ ฉันต้องการสร้างตัวโหลดสำหรับไซต์ของฉันเนื่องจากต้องใช้เวลาพอสมควรในการโหลด จะเป็นการดีถ้าฉันสามารถแสดงตัวโหลดก่อนที่จะนำเข้าทั้งหมด: <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/myFunctions.js"></script> <link type="text/css" href="css/main.css" rel="stylesheet" /> ... .... etc ฉันพบบทเรียนหลายอย่างที่ช่วยให้ฉันสามารถนำเข้าไลบรารี JavaScript แบบอะซิงโครนัสได้ ตัวอย่างเช่นฉันสามารถทำสิ่งต่างๆเช่น: (function () { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'js/jquery-ui-1.8.16.custom.min.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, …

125 javascript  ajax  html  asynchronous 

ฉันต้องการแสดงภาพที่มุมขวาบนของ div (รูปภาพเป็นริบบิ้น "เส้นทแยงมุม") แต่เก็บข้อความปัจจุบันไว้ใน div ภายในเช่นติดอยู่ที่ด้านบนสุด ฉันลองสิ่งต่าง ๆ เช่นรวมภาพใน div อื่นหรือกำหนดคลาสของมันเช่น: .ribbon { position: relative; top: -16px; right: -706px; } <div id="content"> <img src="images/ribbon.png" class="ribbon"/> <div>some text...</div> </div> แต่ไม่มีโชค ผลลัพธ์ที่ดีที่สุดที่ฉันได้คือข้อความทั้งหมดเลื่อนลงเพื่อให้มีขนาดความสูงเท่ากันของรูปภาพ ความคิดใด ๆ ?

125 html  css 

ฉันจะแสดงหน้าจอโหลดได้อย่างไรเมื่อฉันเปลี่ยนเส้นทางใน Angular 2

125 html  css  angular  angular2-routing 

ฉันใช้ Angular.js สำหรับแอปพลิเคชันที่ใช้ trs ที่ซ่อนอยู่เพื่อจำลองเอฟเฟกต์การเลื่อนออกโดยแสดง tr และเลื่อน div ลงมาใน td ด้านล่าง กระบวนการนี้ใช้งานได้อย่างยอดเยี่ยมโดยใช้ knockout.js เมื่อทำซ้ำบนอาร์เรย์ของแถวเหล่านี้เพราะฉันสามารถใช้<!-- ko:foreach -->กับองค์ประกอบ tr ทั้งสองได้ ด้วยเชิงมุมng-repeatต้องใช้กับองค์ประกอบ html ซึ่งหมายความว่าฉันไม่สามารถทำซ้ำแถวคู่เหล่านี้โดยใช้วิธีการมาตรฐานได้ คำตอบแรกของฉันต่อสิ่งนี้คือการสร้างคำสั่งเพื่อแสดงถึง double trs เหล่านี้ แต่มันสั้นเพราะเทมเพลตคำสั่งต้องมีองค์ประกอบรูทเดียว แต่ฉันมีสอง ( <tr></tr><tr></tr>) หากใครที่มีประสบการณ์เกี่ยวกับ ng-repeat และ angular ที่แตกมันสามารถอธิบายวิธีแก้ปัญหานี้ได้ผมจะขอบคุณมาก (ฉันควรสังเกตด้วยว่าการติดng-repeatกับ tbody เป็นตัวเลือกหนึ่ง แต่สิ่งนี้ทำให้เกิด tbody หลายตัวและฉันคิดว่านั่นเป็นรูปแบบที่ไม่ดีสำหรับ HTML มาตรฐานแม้ว่าจะแก้ไขฉันถ้าฉันผิด)

125 javascript  html  angularjs 

ฉันเห็นหลายครั้งแล้วว่าโอกาสในการเพิ่มช่องว่างในเชิงลบอาจช่วยให้การพัฒนา CSS ขององค์ประกอบหน้าบางอย่างดีขึ้นและง่ายขึ้น อย่างไรก็ตามไม่มีข้อกำหนดสำหรับการเว้นวรรคเชิงลบใน W3C CSS เหตุผลเบื้องหลังนี้คืออะไร? มีสิ่งกีดขวางคุณสมบัติที่ทำให้ไม่สามารถใช้งานได้หรือไม่? ขอบคุณสำหรับคำตอบ อัปเดต ตามที่ฉันเห็นตัวอย่างเช่นในกรณีที่คุณใช้ฟอนต์ที่มีอะไรบางอย่างเช่นเว้นระยะห่างแนวตั้ง 20px และคุณต้องการใช้เส้นขอบประกับด้านล่างของฟอนต์ให้พูดเมื่อไฮเปอร์ลิงก์ปรากฏขึ้น ในกรณีเช่นนี้คุณจะพบว่าสไตล์นั้นดูซอมซ่อเกินไปเนื่องจากเส้นประจะปรากฏใต้คำที่ระบุ 20px หากคุณใช้ระยะขอบติดลบจะไม่ได้ผลเนื่องจากระยะขอบจะเปลี่ยนพื้นที่นอกเส้นขอบ ช่องว่างภายในเชิงลบอาจช่วยได้ในสถานการณ์เช่นนี้

125 html  css  padding 

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

125 html  security  iframe 

ฉันมีรายการแบบเลื่อนลงดังนี้: <select id="box1"> <option value="98">dog</option> <option value="7122">cat</option> <option value="142">bird</option> </select> ฉันจะรับข้อความตัวเลือกจริงแทนค่าโดยใช้ JavaScript ได้อย่างไร ฉันจะได้รับคุณค่าด้วยสิ่งต่างๆเช่น: <select id="box1" onChange="myNewFunction(this.selectedIndex);" > แต่7122ฉันต้องการcatมากกว่า

125 javascript  html  dom  drop-down-menu 

Наэтотвопросестьответына Stack Overflow нарусском : scroll & padding ฉันมีปัญหาเล็กน้อยในการพยายามทำให้หน้า. html ของฉันมีความกว้างที่สม่ำเสมอบน Chrome ตัวอย่างเช่นฉันมีหน้า (1) ที่มีเนื้อหาจำนวนมากที่ล้นความสูงของวิวพอร์ต (คำขวา?) ดังนั้นจึงมีแถบเลื่อนแนวตั้ง ในหน้านั้น (1) ในหน้า (2) ฉันมีเค้าโครงเหมือนกัน (เมนู, div, ... ฯลฯ ) แต่มีเนื้อหาน้อยกว่าจึงไม่มีแถบเลื่อนแนวตั้งอยู่ในนั้น ปัญหาคือในหน้า (1) แถบเลื่อนดูเหมือนจะดันองค์ประกอบไปทางซ้ายเล็กน้อย (เพิ่มความกว้าง?) ในขณะที่ทุกอย่างปรากฏตรงกลางหน้า (2) ฉันยังคงเป็นมือใหม่ใน HTML / CSS / JS และฉันค่อนข้างเชื่อว่านี่ไม่ใช่เรื่องยาก แต่ฉันไม่มีโชคในการหาวิธีแก้ปัญหา มันทำงานได้ตามที่ตั้งใจไว้ใน IE10 และ FireFox (แถบเลื่อนที่ไม่รบกวน) ฉันพบสิ่งนี้ใน Chrome เท่านั้น

125 html  css  google-chrome  scrollbar 

ฉันใช้ Dreamweaver เพื่อสร้างเว็บไซต์และฉันคิดว่าจะใช้ Photoshop เพื่อสร้างพื้นหลัง ฉันตัดสินใจที่จะทำเช่นนั้นเพียงเพราะในกรณีที่ฉันเลือกที่จะเปลี่ยนชื่อปุ่มได้อย่างง่ายดายเพียงแค่แก้ไขรหัสฉันสามารถอ้างถึงรหัสได้ ถ้าฉันจะสร้างปุ่มโดยใช้ Photoshop ฉันจะไม่สามารถแก้ไขข้อความในปุ่มเหล่านั้นหรือในองค์ประกอบใด ๆ ได้อย่างง่ายดาย ดังนั้นคำถามของฉันจึงง่ายมากฉันจะสร้างปุ่มที่มีรูปแบบอินไลน์เรียบง่ายได้อย่างไรทำให้โปร่งใสโดยที่ยังคงมองเห็นค่าของปุ่มได้ .button { background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; } มันยังคงทิ้งขอบเงาไว้หลังจากที่คุณคลิก

125 html  css 

พื้นหลัง ฉันกำลังเขียนและใช้เครื่องมือการจัดการเนื้อหาที่ใช้ CGI (Perl) ที่เรียบง่ายสำหรับเว็บไซต์สองเว็บไซต์ ให้ผู้ดูแลระบบเว็บไซต์มีรูปแบบ HTML สำหรับเหตุการณ์ที่พวกเขากรอกข้อมูลในฟิลด์ (วันที่สถานที่ชื่อเรื่องคำอธิบายลิงก์ ฯลฯ ) และบันทึกไว้ ในแบบฟอร์มนั้นฉันอนุญาตให้ผู้ดูแลระบบอัปโหลดรูปภาพที่เกี่ยวข้องกับเหตุการณ์ ในหน้า HTML ที่แสดงแบบฟอร์มฉันกำลังแสดงตัวอย่างของรูปภาพที่อัปโหลด (แท็ก HTML img) ปัญหา ปัญหาเกิดขึ้นเมื่อผู้ดูแลระบบต้องการเปลี่ยนรูปภาพ เขาจะต้องกดปุ่ม "เรียกดู" เลือกภาพใหม่แล้วกดตกลง และใช้งานได้ดี เมื่ออัปโหลดภาพแล้ว CGI ส่วนหลังของฉันจะจัดการการอัปโหลดและโหลดแบบฟอร์มซ้ำอย่างเหมาะสม ปัญหาคือรูปภาพที่แสดงไม่ได้รับการรีเฟรช ภาพเก่ายังคงแสดงแม้ว่าฐานข้อมูลจะเก็บภาพที่ถูกต้อง ฉันได้ จำกัด ขอบเขตให้แคบลงตามข้อเท็จจริงที่ว่ารูปภาพถูกแคชในเว็บเบราว์เซอร์ หากผู้ดูแลระบบกดปุ่ม RELOAD ใน Firefox / Explorer / Safari ทุกอย่างจะได้รับการรีเฟรชตามปกติและรูปภาพใหม่จะปรากฏขึ้น โซลูชันของฉัน - ไม่ทำงาน ฉันพยายามควบคุมแคชโดยเขียนคำสั่ง HTTP Expires พร้อมวันที่ที่ผ่านมา Expires: …

124 html  image  caching  browser-cache  image-caching 

การใช้ alt tag สำหรับ anchor link ถูกต้องหรือไม่เช่น <a href="#" class="test" alt="Something" src="sfasfs" ></a>

124 html  anchor  alt