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

ปิด. คำถามนี้ต้องการรายละเอียดการแก้จุดบกพร่อง ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดเมื่อปีที่แล้ว ปรับปรุงคำถามนี้ ตกลงด้วยเหตุผลบางอย่างที่หน้าเว็บของฉันเลื่อนจากซ้ายไปขวาและแสดงพื้นที่ที่น่าเกลียดมาก ฉันค้นหาผลลัพธ์ แต่พวกเขาเพิ่งทำแถบเลื่อนHIDDEN ตอนนี้เป็นสิ่งที่ฉันต้องการฉันต้องการปิดใช้งานคุณสมบัติการเลื่อนในแนวนอน ฉันไม่ต้องการให้ผู้ใช้สามารถเลื่อนจากซ้ายไปขวาบนหน้าของฉันเพียงแค่เลื่อนขึ้นและลง! ฉันลองแล้ว: overflow-x:hiddenใน css บนhtmlแท็กของฉันแต่มันทำให้แถบเลื่อนถูกซ่อนและไม่ได้ปิดการใช้งานการเลื่อน โปรดช่วยฉันด้วย! นี่คือลิงค์ไปยังหน้า: http://www.green-panda.com/usd309bands/ (ลิงค์เสีย) นี่อาจทำให้คุณมีความคิดที่ดีขึ้นเกี่ยวกับสิ่งที่ฉันกำลังพูดถึง นี่คือเมื่อหน้าแรกโหลด: และนี่คือหลังจากที่ฉันเลื่อนไปทางขวา:

180 html  css 

ฉันสร้างลิงค์ปกติเช่น: <a href="https://stackoverflow.com/path/to/image"><img src="/path/to/image" /></a>ในเว็บแอป เมื่อฉันคลิกที่ลิงค์มันจะแสดงรูปภาพในหน้าใหม่ หากคุณต้องการบันทึกภาพคุณต้องคลิกขวาที่ภาพแล้วเลือก "บันทึกเป็น" ฉันไม่ต้องการพฤติกรรมนี้ฉันต้องการที่จะมีกล่องดาวน์โหลดโผล่ออกมาเมื่อฉันคลิกที่ลิงค์เป็นไปได้หรือไม่ที่เป็นแบบ html หรือ javascript? อย่างไร? ถ้าไม่ใช่ฉันเดาว่าฉันจะต้องเขียนสคริปต์ download.php และเรียกมันลงใน href ด้วยชื่อไฟล์เป็นพารามิเตอร์ ... ?

180 html  image  download  href 

HTML5 กำหนดองค์ประกอบเนื้อหาที่ฝังตัวหลายอย่างซึ่งจากมุมมองแบบตานกดูเหมือนว่าจะคล้ายกันมากกับจุดที่เหมือนกันมาก เป็นความแตกต่างที่เกิดขึ้นจริงระหว่างสิ่งที่iframe, embedและobject? หากฉันต้องการฝังไฟล์ HTML จากเว็บไซต์บุคคลที่สามองค์ประกอบใดบ้างที่ฉันสามารถใช้ได้และพวกเขาจะแตกต่างกันอย่างไร

180 html  iframe 

เป็นไปได้หรือไม่ที่จะปิดการใช้งานเขตข้อมูลฟอร์มโดยใช้ CSS? แน่นอนฉันรู้เกี่ยวกับคุณลักษณะที่ปิดใช้งาน แต่มันเป็นไปได้ที่จะระบุสิ่งนี้ในกฎ CSS? สิ่งที่ต้องการ - <input type="text" name="username" value="admin" > <style type="text/css"> input[name=username] { disabled: true; /* Does not work */ } </style> เหตุผลที่ฉันถามก็คือฉันมีแอปพลิเคชันที่มีเขตข้อมูลแบบอัตโนมัติและฟิลด์ถูกซ่อน / แสดงตามกฎบางอย่าง (ซึ่งทำงานใน Javascript) ตอนนี้ฉันต้องการขยายเพื่อรองรับการปิด / เปิดใช้งานเขตข้อมูล แต่วิธีการเขียนกฎเพื่อจัดการคุณสมบัติสไตล์ของเขตข้อมูลฟอร์มโดยตรง ดังนั้นตอนนี้ฉันต้องขยายเครื่องมือกฎเพื่อเปลี่ยนคุณสมบัติรวมถึงสไตล์ของเขตข้อมูลฟอร์มและอย่างใดก็ดูเหมือนน้อยกว่าอุดมคติ เป็นเรื่องแปลกมากที่คุณมองเห็นและแสดงคุณสมบัติใน CSS แต่ไม่เปิด / ปิดการใช้งาน มีอะไรที่เหมือนในมาตรฐาน HTML5 ที่ยังทำงานไม่ได้หรือแม้แต่บางอย่างที่ไม่ได้มาตรฐาน (เฉพาะเบราว์เซอร์)?

180 html  css 

ตกลงดังนั้นสิ่งที่ฉันต้องการค่อนข้างตรงไปตรงมา ฉันได้ตั้งค่าแถบนำทางพร้อมกับเมนูแบบเลื่อนลงบางรายการ (ใช้class="dropdown-toggle" data-toggle="dropdown") และใช้งานได้ดี มันใช้งานได้ " onClick" ในขณะที่ฉันต้องการถ้ามันใช้งานได้ " onHover" มีวิธีใดในการทำเช่นนี้?

179 javascript  jquery  html  css  twitter-bootstrap 

CSS ใดที่จำเป็นในการทำให้แถบเลื่อนแนวตั้งของเบราว์เซอร์ยังคงปรากฏให้เห็นเมื่อผู้ใช้เยี่ยมชมหน้าเว็บ (เมื่อหน้ามีเนื้อหาไม่เพียงพอที่จะเปิดใช้งานแถบเลื่อน)

179 html  css  xhtml 

หนึ่งในนักพัฒนาเว็บของเราใช้ html ต่อไปนี้เป็นตัวยึดตำแหน่งสำหรับจัดแต่งทรงผมในรายการดรอปดาวน์ <a href="" class="arrow"></a> สิ่งนี้ถือว่าเป็นแท็กสมอถูกต้องหรือไม่ เนื่องจากไม่มีค่า href ค่านี้จึงแสดงให้เห็นว่ารายงานการตรวจสอบลิงก์ของเราบางรายงานเสียหาย

179 html  href 

ฉันต้องการสร้างสไตล์ DIV ของคอนเทนเนอร์ที่มีหลาย DIV อื่น ๆ มีการถามว่า DIV เหล่านี้จะไม่ห่อหากหน้าต่างเบราว์เซอร์มีการปรับขนาดให้แคบ ฉันพยายามทำให้มันทำงานเหมือนด้านล่าง <style> .container { min-width: 3000px; overflow: hidden; } .slide { float: left; } </style> <div class="container"> <div class="slide">something</div> <div class="slide">something</div> <div class="slide">something</div> <div class="slide">something</div> </div> วิธีนี้ใช้ได้ผลในกรณีส่วนใหญ่ อย่างไรก็ตามในบางกรณีการแสดงผลไม่ถูกต้อง ฉันพบว่าคอนเทนเนอร์ DIV เปลี่ยนเป็นความกว้าง 3000px ใน RTL ของ IE7; และมันก็ยุ่งเหยิงไปหมด มีวิธีอื่นในการทำ DIV ของคอนเทนเนอร์หรือไม่?

179 html  css  word-wrap  nowrap 

ฉันลองสองสามวิธีแล้ว แต่ก็ไม่ได้ผล ไม่มีใครรู้เคล็ดลับที่ดีที่จะได้รับรอบนี้หรือไม่? <textarea placeholder='This is a line \n this should be a new line'></textarea> <textarea placeholder='This is a line should this be a new line?'></textarea> <!-- this works in chrome apparently --> ปรับปรุง: มันไม่ทำงานในโครเมี่ยม มันเป็นเพียงความกว้างของ textarea ดู: http://jsfiddle.net/pdXRx/

179 html 

ฉันกำลังพยายามสร้างหน้าง่าย ๆ ด้วย CSS Grid สิ่งที่ฉันไม่สามารถทำได้คือวางข้อความไว้ที่กึ่งกลางจาก HTML ไปยังเซลล์กริดที่เกี่ยวข้อง ฉันได้ลองวางเนื้อหาในแยกdivของทั้งด้านในและด้านนอกของleft_bgและright_bgตัวเลือกและเล่นกับคุณสมบัติ CSS บางอย่างเพื่อประโยชน์ ฉันจะทำสิ่งนี้ได้อย่างไร html, body { margin: 0; padding: 0; } .container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 100vh; grid-gap: 0px 0px; } .left_bg { display: subgrid; background-color: #3498db; grid-column: 1 / 1; grid-row: 1 / 1; z-index: 0; } …

179 html  css  centering  css-grid 

IE8 ไม่รองรับการสืบค้นสื่อ CSS ต่อไปนี้หรือไม่: @import url("desktop.css") screen and (min-width: 768px); หากไม่เป็นเช่นนั้นวิธีอื่นในการเขียนคืออะไร? การทำงานเช่นเดียวกันนั้นใช้ได้ใน Firefox ปัญหาใด ๆ กับรหัสด้านล่าง? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

178 html  css  responsive-design  internet-explorer-8  media-queries 

ฉันจะลบช่องว่างพิเศษระหว่างแถวและคอลัมน์ในตารางได้อย่างไร ฉันได้ลองเปลี่ยนมาร์จิ้นการแพ็ดดิ้งและคุณสมบัติเส้นขอบต่างๆบนโต๊ะและ tr และ td ฉันต้องการให้ภาพทั้งหมดอยู่ติดกันเพื่อให้ดูเหมือนภาพใหญ่หนึ่งภาพ ฉันจะแก้ไขได้อย่างไร CSS table { border-collapse: collapse; } HTML <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Tera Byte Video Game Creation Camp</title> <link rel="stylesheet" type="text/css" href="style.css"></link> </head> <body> <table class="mytable" align="center"> <tr class="header"> <td colspan="3"><img src="images/home_01.png" …

178 html  css  html-table 

ปิด. คำถามนี้เป็นคำถามปิดหัวข้อ ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ คำแนะนำเกี่ยวกับวิธีการฝัง JSON ในหน้า HTML ที่มีการจัดรูปแบบ JSON ในรูปแบบที่มนุษย์อ่านได้? ตัวอย่างเช่นเมื่อคุณดู XML ในเบราว์เซอร์เบราว์เซอร์ส่วนใหญ่จะแสดงรูปแบบ XML (เยื้องการแบ่งบรรทัดที่เหมาะสม ฯลฯ ) ฉันต้องการผลลัพธ์สุดท้ายสำหรับ JSON การเน้นสีไวยากรณ์จะเป็นโบนัส ขอบคุณ

178 html  json 

ฉันต้องการสร้างตัวเลือกในรูปแบบที่ต้องการ [] I would like to order a [selectbox with pizza] pizza โดยที่ selectbox ถูกเปิดใช้งานเฉพาะเมื่อช่องทำเครื่องหมายถูกทำเครื่องหมายและปิดใช้งานเมื่อไม่ได้ทำเครื่องหมาย ฉันมากับรหัสนี้: <form> <input type="checkbox" id="pizza" name="pizza" value="yes"> <label for="pizza"> I would like to order a</label> <select name="pizza_kind"> <option>(choose one)</option> <option value="margaritha">Margaritha</option> <option value="hawai">Hawai</option> </select> pizza. </form> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script> <script> var update_pizza = function () …

178 jquery  html  forms 

ฉันสร้างภาพสำหรับคำถามนี้เพื่อให้เข้าใจง่ายขึ้น เป็นไปได้ไหมที่จะสร้างจุดไข่ปลาบน a <div>ด้วยความกว้างคงที่และหลายบรรทัด? ฉันลองใช้ปลั๊กอิน jQuery ที่นี่และที่นั่น แต่ไม่พบสิ่งที่ฉันกำลังมองหา ข้อเสนอแนะใด ๆ ไอเดีย?

178 javascript  jquery  html  css