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

ดูเหมือนว่าmailtoลิงก์ที่เราฝังไว้ในเว็บไซต์ของเราไม่สามารถทำอะไรใน Chrome ได้แม้ว่ามันจะทำงานใน Firefox ตัวอย่างง่ายๆที่นี่: http://jsfiddle.net/wAPNH/ <a href='mailto:test@test.com'>hi this is a test</a> เราจำเป็นต้องทำสิ่งพิเศษเพื่อเปิดใช้งานลิงก์เมลใน Chrome หรือไม่?

149 html  google-chrome 

นี่เป็นข้อผิดพลาดที่ฉันได้รับใน Chrome และน่าเสียดายที่การค้นหาไม่ได้ให้ผลลัพธ์ที่มากนัก ตัวอักษรปรากฏอย่างถูกต้อง อย่างไรก็ตามฉันยังคงได้รับข้อผิดพลาด / คำเตือนนี้ โดยเฉพาะอย่างยิ่งนี่คือคำเตือนแบบเต็ม: "ไม่สามารถถอดรหัสแบบอักษรที่ดาวน์โหลด: http: // localhost: 8000 / แอพ / แบบอักษร / Lato / " CSS ของฉันคือ: @font-face { font-family:"Lato"; src: url("../fonts/Lato/"); } html, body { font-family:'Lato'; } ฉันไม่เข้าใจ มีการใช้แบบอักษรอย่างถูกต้อง แต่มีการเตือนอยู่เสมอ ความพยายามในการใช้Sans-Serifทำให้แบบอักษรเปลี่ยนกลับเป็นแบบอักษรเบราว์เซอร์ปกติดังนั้นอาจเป็นได้ แต่ฉันไม่แน่ใจและแม้หลังจากการค้นหาฉันไม่พบอะไรเลย ขอบคุณ! แก้ไข มีไฟล์ตัวอักษรต่าง ๆ ทั้งหมดนี้มาจากตระกูลเดียวกัน ฉันกำลังพยายามโหลดทั้งหมด .ttfไฟล์ตัวอักษรเป็น ฉันกำลังโหลดพวกเขาจากโฟลเดอร์ท้องถิ่นและมีตัวอักษรไฟล์ต่างๆเช่นLato-Black.ttf, Lato-Bold.ttf, Lato-Italic.ttfฯลฯ

149 css  html  fonts 

ฉันกำลังพัฒนาเว็บแอพ (ไม่ใช่เว็บไซต์ที่มีหน้าข้อความที่น่าสนใจ) พร้อมอินเทอร์เฟซสำหรับการสัมผัสที่แตกต่างกันมาก (นิ้วของคุณซ่อนหน้าจอเมื่อคุณคลิก) และเมาส์ (อาศัยการแสดงตัวอย่างแบบโฮเวอร์มาก) ฉันจะตรวจสอบได้อย่างไรว่าผู้ใช้ของฉันไม่มีเมาส์ที่จะนำเสนออินเตอร์เฟซที่ถูกต้องกับเขา ฉันวางแผนที่จะออกจากสวิตช์สำหรับผู้ที่มีทั้งเมาส์และสัมผัส (เช่นสมุดบันทึกบางส่วน) ความสามารถในการแตะเหตุการณ์ในเบราว์เซอร์ไม่ได้หมายความว่าผู้ใช้กำลังใช้อุปกรณ์สัมผัส (ตัวอย่างเช่น Modernizr ไม่ได้ตัด) รหัสที่ตอบคำถามอย่างถูกต้องควรกลับเท็จถ้าอุปกรณ์มีเม้าส์จริง สำหรับอุปกรณ์ที่มีเม้าส์และการสัมผัสมันควรจะกลับเท็จ (ไม่ได้สัมผัสเท่านั้น) ในฐานะที่เป็นหมายเหตุด้านข้างอินเทอร์เฟซระบบสัมผัสของฉันอาจเหมาะสำหรับอุปกรณ์ที่มีคีย์บอร์ดเท่านั้นดังนั้นจึงไม่มีเมาส์ที่ฉันต้องการตรวจจับ หากต้องการให้ชัดเจนยิ่งขึ้นนี่คือ API ที่ฉันต้องการใช้: // Level 1 // The current answers provide a way to do that. hasTouch(); // Returns true if a mouse is expected. // Note: as explained by the OP, this …

149 javascript  html  touch  mouse 

แท็กปิดHTML 1บางอันเป็นทางเลือกเช่น: </HTML> </HEAD> </BODY> </P> </DT> </DD> </LI> </OPTION> </THEAD> </TH> </TBODY> </TR> </TD> </TFOOT> </COLGROUP> หมายเหตุ:เพื่อไม่ให้สับสนกับแท็กปิดที่ไม่ได้รับอนุญาตให้รวมเช่น: </IMG> </INPUT> </BR> </HR> </FRAME> </AREA> </BASE> </BASEFONT> </COL> </ISINDEX> </LINK> </META> </PARAM> หมายเหตุ: xhtmlแตกต่างจาก HTML xhtml เป็นรูปแบบของ xml ซึ่งต้องการให้ทุกองค์ประกอบมีแท็กปิด แท็กปิดสามารถที่ต้องห้ามใน html ยังบังคับxhtmlใน เป็นแท็กปิดตัวเลือก ถูกรวมเข้าด้วยกัน แต่เราจะยอมรับหากคุณลืมหรือ ไม่รวมในอุดมคติแต่เราจะยอมรับหากคุณใส่ไว้ ในคำอื่น ๆควรฉันรวมพวกเขาหรือฉันควรจะไม่รวมถึงพวกเขา? HTML 4.01 เจรจาข้อมูลจำเพาะเกี่ยวกับการปิดแท็กองค์ประกอบเป็นตัวเลือกแต่ไม่ได้บอกว่าถ้ามันเป็นที่นิยมในการรวมพวกเขาหรือดีกว่าที่จะไม่รวมถึงพวกเขา …

149 html  html4 

ฉันต้องการทำให้ชิ้นส่วนของข้อความกะพริบสไตล์โรงเรียนเก่าโดยไม่ใช้ javascript หรือตกแต่งข้อความ ไม่มีช่วงการเปลี่ยนภาพเท่านั้น * กะพริบ *, * กะพริบ *, * กะพริบ *! แก้ไข : นี่แตกต่างจากคำถามนั้นเพราะฉันขอให้กระพริบโดยไม่มีการเปลี่ยนอย่างต่อเนื่องในขณะที่ OP ของคำถามอื่นถามว่าจะแทนที่กระพริบด้วยการเปลี่ยนอย่างต่อเนื่อง

149 html  css  css-animations  blink 

ในขณะที่ Microsoft ได้สร้างการแสดงผลอัตโนมัติของแอตทริบิวต์ htmlในมีดโกน MVC4 แต่ฉันใช้เวลาพอสมควรในการหาวิธีสร้างคลาส css ที่สองในองค์ประกอบโดยยึดตามการแสดงออกตามเงื่อนไขของมีดโกน ฉันต้องการแบ่งปันกับคุณ ตามคุณสมบัติโมเดล @ ModelDetails ฉันต้องการแสดงหรือซ่อนรายการ หากมีรายละเอียดควรมีการแสดง div ไม่เช่นนั้นควรซ่อนตัว ใช้ jQuery สิ่งที่ฉันต้องทำคือเพิ่มการแสดงหรือซ่อนชั้นตามลำดับ สำหรับวัตถุประสงค์อื่นฉันต้องการเพิ่มคลาสอีก "รายละเอียด" ดังนั้นการมาร์กอัปของฉันควรเป็น: <div class="details show">[Details]</div> หรือ <div class="details hide">[Details]</div> ด้านล่างนี้ฉันแสดงความพยายามที่ล้มเหลวบางอย่าง (ผลการมาร์กอัปสมมติว่าไม่มีรายละเอียด) สิ่งนี้: <div @(@Model.Details.Count > 0 ? "class=details show" : "class=details hide")>, จะทำให้สิ่งนี้: <div class="details" hide="">. สิ่งนี้: <div @(@Model.Details.Count > …

149 razor  asp.net-mvc-4  html 

นี่เป็นพื้นฐาน ฉันจะรับค่า 'นี่คือชื่อของฉัน' ของช่วงข้างต้นได้อย่างไร <div id='item1'> <span>This is my name</span> </div>

149 javascript  jquery  html 

ฉันใช้องค์ประกอบผ้าใบ HTML5 เพื่อปรับขนาดภาพฉันเบราว์เซอร์ของฉัน ปรากฎว่ามีคุณภาพต่ำมาก ฉันพบสิ่งนี้: ปิดใช้งานการแก้ไขเมื่อปรับขนาด <canvas>แต่ไม่ช่วยเพิ่มคุณภาพ ด้านล่างนี้คือรหัส css และ js ของฉันรวมถึงรูปภาพที่เรียกว่า Photoshop และปรับขนาดใน Canvas API ฉันต้องทำอย่างไรเพื่อให้ได้คุณภาพสูงสุดเมื่อปรับขนาดรูปภาพในเบราว์เซอร์ หมายเหตุ: ฉันต้องการลดขนาดรูปภาพขนาดใหญ่ลงเป็นรูปภาพขนาดเล็กปรับสีในพื้นที่วาดภาพและส่งผลลัพธ์จากพื้นที่ไปยังเซิร์ฟเวอร์ CSS: canvas, img { image-rendering: optimizeQuality; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } JS: var $img = $('<img>'); var $originalCanvas = $('<canvas>'); $img.load(function() { var originalContext = $originalCanvas[0].getContext('2d'); originalContext.imageSmoothingEnabled …

149 javascript  css  html  canvas  html5-canvas 

สงสัยว่ามีรหัสอื่น ๆ ให้ใช้ในจดหมายข่าว HTML หรือไม่ ฉันจะใช้การขยายเซลล์หรือระยะขอบ แต่ฉันใหม่สำหรับสิ่ง HTML / CSS นี้และฉันไม่สามารถหาการเปลี่ยนแปลงที่มีผลต่อทั้งหัวข้อหลักและหัวเรื่องย่อยภายใต้ การเป็นอีเมลฉันลังเลที่จะเข้าไปยุ่งกับ CSS เพื่อรับมัน - เพราะฉันไม่รู้ว่าไคลเอ็นต์อีเมลใดที่ไม่ชอบในแบบของ CSS แทนที่จะเป็นแบบอินไลน์มาร์กอัป สำหรับบริบทเทมเพลตที่ฉันใช้คือปิดเสียงธีมจาก Mailchimp snip: <!-- language: lang-html --> <table cellspacing="0" cellpadding="0" border="0" align="center" width="626"> <tbody> <tr> <td valign="middle" bgcolor="#546781" height="97" background="images/header-bg.jpg" style="vertical-align: middle;"> <table cellspacing="0" cellpadding="0" border="0" align="center" width="555" height="97"> <tbody> <tr> <td …

149 html 

ฉันประสบปัญหาขณะใช้งานปุ่มต่าง ๆ ภายในแบบฟอร์ม ฉันต้องการปุ่มนั้นเพื่อเรียกใช้ฟังก์ชัน มันทำ แต่ด้วยผลลัพธ์ที่ไม่พึงประสงค์ที่จะรีเฟรชหน้า รหัสง่าย ๆ ของฉันจะเป็นแบบนี้ <form method="POST"> <button name="data" onclick="getData()">Click</button> </form> เมื่อคลิกปุ่มฟังก์ชั่นจะได้รับการเรียกด้วยการรีเฟรชหน้าซึ่งรีเซ็ตคำขอก่อนหน้าของฉันทั้งหมดซึ่งมีผลต่อหน้าปัจจุบันซึ่งเป็นผลมาจากการร้องขอก่อนหน้า ฉันควรทำอย่างไรเพื่อป้องกันการรีเฟรชหน้า?

149 javascript  html 

CodePen: http://codepen.io/anon/pen/RPNpaP ฉันต้องการให้กล่องสีแดงกว้างเพียง 25 ซม. เมื่ออยู่ในมุมมองแบบเคียงข้างกัน - ฉันพยายามทำสิ่งนี้ให้สำเร็จด้วยการตั้งค่า CSS ในข้อความค้นหาสื่อนี้: @media all and (min-width: 811px) {...} ถึง: .flexbox .red { width: 25em; } แต่เมื่อฉันทำสิ่งนี้เกิดขึ้น: http://i.imgur.com/niFBrwt.png มีความคิดอะไรที่ฉันทำผิดหรือเปล่า?

149 html  css  flexbox 

ฉันยังใหม่กับ HTML และ PHP และต้องการใช้เมนูแบบเลื่อนลงจากตาราง mysql และฮาร์ดโค้ดด้วย ฉันมีหลายตัวเลือกในหน้าของฉันหนึ่งในนั้นคือ <select name="tagging"> <option value="">Choose Tagging</option> <option value="Option A">Option A</option> <option value="Option B">Option B</option> <option value="Option C">Option C</option> </select> ปัญหาคือตอนนี้ผู้ใช้ยังสามารถเลือก "เลือกการแท็ก" เป็นแท็กของเขาได้ แต่ฉันต้องการให้เขาเลือกจากสามรายการที่มีอยู่เท่านั้น ฉันใช้ปิดการใช้งานเป็น <select name="tagging"> <option value="" disabled="disabled">Choose Tagging</option> <option value="Option A">Option A</option> <option value="Option B">Option B</option> <option value="Option C">Option C</option> </select> …

149 html  html-select 

ฉันมีเว็บเพจที่มีเค้าโครงแบบยืดหยุ่นที่เปลี่ยนความกว้างของมันหากหน้าต่างเบราว์เซอร์ถูกปรับขนาด ในเลย์เอาต์นี้มีพาดหัว ( h2) ที่จะมีความยาวแปรผัน (จริง ๆ แล้วเป็นพาดหัวจากบล็อกโพสต์ที่ฉันไม่สามารถควบคุมได้) ปัจจุบัน - ถ้ามันกว้างกว่าหน้าต่าง - มันแบ่งออกเป็นสองบรรทัด มีวิธีการแก้ปัญหาที่สง่างามทดสอบ (เบราว์เซอร์ข้าม) - ตัวอย่างเช่นกับ jQuery - ซึ่งจะทำให้ shortHTML ของแท็กบรรทัดแรกนั้นสั้นลงและเพิ่ม "... " ถ้าข้อความกว้างเกินไปที่จะพอดีกับหนึ่งบรรทัดที่หน้าจอปัจจุบัน / ความกว้างตู้คอนเทนเนอร์?

148 javascript  html  ellipsis  elasticlayout 

นับตั้งแต่เปลี่ยนจากเค้าโครงตารางเป็นเค้าโครง DIV ปัญหาทั่วไปที่หนึ่งยังคงอยู่: ปัญหา : คุณเติม DIV ของคุณด้วยข้อความแบบไดนามิกและย่อมมีคำยาวมากที่ทอดยาวเกินขอบคอลัมน์ div ของคุณและทำให้ไซต์ของคุณดูไม่เป็นมืออาชีพ RETRO-WHINING : สิ่งนี้ไม่เคยเกิดขึ้นกับเค้าโครงตาราง เซลล์ตารางจะขยายไปยังความกว้างของคำที่ยาวที่สุดเสมอ SEVERITY : ฉันเห็นปัญหานี้ในเว็บไซต์ที่สำคัญที่สุดโดยเฉพาะในเว็บไซต์เยอรมันที่แม้แต่คำทั่วไปเช่น "จำกัด ความเร็ว" นั้นยาวมาก ("Geschwindigkeitsbegrenzung") ใครบ้างมีวิธีแก้ปัญหาที่ใช้การได้นี้?

148 css  layout  html 

ใน HTML ของฉันฉันมีองค์ประกอบ<select>สาม<option>อย่าง ฉันต้องการใช้ jQuery varการตรวจสอบค่าของแต่ละตัวเลือกกับจาวาสคริปต์ หากตรงกับที่ฉันต้องการตั้งค่าคุณสมบัติที่เลือกของตัวเลือกที่ ฉันจะทำอย่างไร

148 javascript  jquery  html