การเขียนโปรแกรม html

16

คุณวาดวงกลมโดยใช้ HTML5 และ CSS3 ได้อย่างไร? สามารถใส่ข้อความข้างในได้หรือไม่?

118 html css geometry css-shapes

10

แก้ไขความหนาของเส้นของแอตทริบิวต์ "ขีดเส้นใต้" ของ CSS

เนื่องจากคุณสามารถขีดเส้นใต้ข้อความใดก็ได้ใน CSS ดังนี้: H4 {text-decoration: underline;} แล้วคุณจะแก้ไข 'เส้น' ที่วาดได้อย่างไรสีที่คุณได้รับบนเส้นนั้นสามารถระบุได้อย่างง่ายดายว่า 'color: red' แต่จะแก้ไขความสูงของเส้นได้อย่างไรเช่นความหนา?

118 html css

5

z-index ไม่ทำงานกับตำแหน่งแน่นอน

ฉันเปิดคอนโซล (chrome \ firefox) และรันบรรทัดต่อไปนี้: $("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />"); $("body").append("<div id=\"popupContent\" style=\"width:200px;height:200px;z-index:1000;background-color:white;\" >dasdasdsadasdasdasdasdasd</div>"); #popupContent ควรอยู่เหนือสิ่งอื่นใด แต่ได้รับผลกระทบจากความทึบของ #popupFrame เนื้อหาไม่มีอยู่ใน #popupFrame ซึ่งทำให้สิ่งนี้แปลกมาก เป้าหมายคือการสร้าง firefox เช่น alert box

118 html css

14

วิธีค้นหาขนาดของ localStorage

ฉันกำลังพัฒนาไซต์ที่จะใช้ประโยชน์จาก localStorage ของ HTML5 ฉันได้อ่านทั้งหมดเกี่ยวกับข้อ จำกัด ด้านขนาดของเบราว์เซอร์ต่างๆ อย่างไรก็ตามฉันไม่เห็นอะไรเกี่ยวกับวิธีค้นหาขนาดปัจจุบันของอินสแตนซ์ localStorage คำถามนี้ดูเหมือนจะบ่งชี้ว่า JavaScript ไม่ได้สร้างขึ้นมาเพื่อแสดงขนาดของตัวแปรที่กำหนด localStorage มีคุณสมบัติขนาดหน่วยความจำที่ฉันไม่เห็นหรือไม่? มีวิธีง่ายๆในการทำสิ่งนี้ที่หายไปหรือไม่? ไซต์ของฉันมีขึ้นเพื่อให้ผู้ใช้ป้อนข้อมูลในโหมด 'ออฟไลน์' ดังนั้นการแจ้งเตือนเมื่อพื้นที่เก็บข้อมูลใกล้เต็มจึงเป็นสิ่งสำคัญมาก

118 javascript html local-storage

6

วิธีค้นหาลูกของโหนดโดยใช้ BeautifulSoup

ฉันต้องการรับ<a>แท็กทั้งหมดที่เป็นลูกของ<li>: <div> <li class="test"> <a>link1</a> <ul> <li> <a>link2</a> </li> </ul> </li> </div> ฉันรู้วิธีค้นหาองค์ประกอบที่มีคลาสเฉพาะเช่นนี้: soup.find("li", { "class" : "test" }) แต่ฉันไม่รู้ว่าจะหาทั้งหมด<a>ที่เป็นลูกของ<li class=test>คนอื่นได้อย่างไร เช่นฉันต้องการเลือก: <a>link1</a>

118 python html beautifulsoup

9

ตรวจจับการเปลี่ยนแปลงขนาดหน้าต่างแบบเรียลไทม์ใน Angular 4

ฉันพยายามสร้างแถบนำทางที่ตอบสนองและไม่ต้องการใช้คิวรีสื่อดังนั้นฉันตั้งใจจะใช้*ngIFขนาดหน้าต่างเป็นเกณฑ์ แต่ฉันประสบปัญหาเนื่องจากไม่พบวิธีการหรือเอกสารใด ๆ เกี่ยวกับการตรวจจับขนาดหน้าต่าง Angular 4 ฉันได้ลองใช้วิธี JavaScript แล้ว แต่ไม่รองรับ ฉันได้ลองทำสิ่งต่อไปนี้แล้ว : constructor(platform: Platform) { platform.ready().then((readySource) => { console.log('Width: ' + platform.width()); console.log('Height: ' + platform.height()); }); } ... ซึ่งใช้ในไอออนิก และscreen.availHeightแต่ก็ยังไม่ประสบความสำเร็จ

118 html angular dom-events

8

ปิดการปรับขนาด textarea

ฉันกำลังพยายามปิดการปรับขนาด textarea ในไซต์ของฉัน ตอนนี้ฉันใช้วิธีนี้: .textarea { clear:left; min-width: 267px; max-width: 267px; min-height:150px; max-height:150px; } ฉันรู้ว่าวิธีการของฉันไม่ถูกต้องและฉันกำลังค้นหาวิธีที่ดีกว่าใน JavaScript ฉันเป็นมือใหม่ดังนั้นทางออกที่ดีที่สุดสำหรับฉันคือ HTML5 หรือ jQuery

117 html textarea

13

ฉันจะค้นหารูปภาพที่ไม่ได้ใช้และสไตล์ CSS ในเว็บไซต์ได้อย่างไร [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน3 ปีที่ผ่านมา ปรับปรุงคำถามนี้ มีวิธีใด (นอกเหนือจากการลองผิดลองถูก) ที่ฉันสามารถใช้เพื่อค้นหาไฟล์ภาพที่ไม่ได้ใช้งาน แล้วการประกาศ CSS สำหรับ ID และ Classes ที่ไม่มีอยู่ในไซต์ล่ะ ดูเหมือนว่าอาจมีวิธีการเขียนสคริปต์ที่สแกนไซต์สร้างโปรไฟล์และดูว่ารูปภาพและสไตล์ใดบ้างที่ไม่เคยโหลด

117 html css

12

ลบแถบเลื่อนออกจาก iframe

โดยใช้รหัสนี้ <iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe> นี่คือลักษณะที่ปรากฏ (กล่องข้อความบนหน้าแรกของhttp://www.talkjesus.com ) ฉันจะลบแถบเลื่อนแนวนอนและแก้ไข css ของแถบเลื่อนแนวตั้งได้อย่างไร

117 html css iframe

11

จะปิดแท็ก HTML ใน Vim อย่างรวดเร็วได้อย่างไร?

เป็นเวลานานแล้วที่ฉันต้องทำโค้ดที่เหมือน HTML Vimแต่เมื่อเร็ว ๆ นี้ฉันก็เจอสิ่งนี้อีกครั้ง สมมติว่าฉันเขียนอะไรง่ายๆHTML: <html><head><title>This is a title</title></head></html> ฉันจะเขียนแท็กปิดสำหรับ title, head และ html อย่างรวดเร็วได้อย่างไร ฉันรู้สึกว่าฉันพลาดวิธีง่ายๆที่นี่ซึ่งไม่ได้เกี่ยวข้องกับการเขียนลงไปทีละรายการ แน่นอนฉันสามารถใช้CtrlPเพื่อเติมชื่อแท็กแต่ละแท็กโดยอัตโนมัติ แต่สิ่งที่ทำให้ฉันได้รับจากแป้นพิมพ์แล็ปท็อปของฉันคือการได้รับวงเล็บและเครื่องหมายทับขวา

117 html xml vim autocomplete

8

แสดง HTML เป็น PDF ในไซต์ Django

สำหรับไซต์ที่ขับเคลื่อนด้วย django ของฉันฉันกำลังมองหาวิธีง่ายๆในการแปลงหน้า html แบบไดนามิกเป็น pdf หน้าประกอบด้วย HTML และแผนภูมิจาก API การแสดงภาพของ Google (ซึ่งต้องใช้จาวาสคริปต์ แต่รวมถึงกราฟเหล่านั้นด้วย)

117 python html django pdf pdf-generation

13

ปรับขนาดภาพให้พอดีกับกรอบขอบ

มีวิธีแก้ปัญหาเฉพาะ css ในการปรับขนาดภาพให้เป็นกรอบ (รักษาอัตราส่วน) หรือไม่ วิธีนี้ใช้ได้ผลถ้ารูปภาพใหญ่กว่าคอนเทนเนอร์: img { max-width: 100%; max-height: 100%; } ตัวอย่าง: ใช้กรณีที่ 1 (ทำงาน): http://jsfiddle.net/Jp5AQ/2/ ใช้กรณีที่ 2 (ใช้งานได้): http://jsfiddle.net/Jp5AQ/3/ แต่ฉันต้องการปรับขนาดรูปภาพจนกว่าขนาดจะเท่ากับ 100% ของคอนเทนเนอร์ ใช้กรณีที่ 3 (ใช้ไม่ได้): http://jsfiddle.net/Jp5AQ/4/

117 html css image resize autoresize

4

แสดงตัวอย่างรูปภาพก่อนอัปโหลด

ในรูปแบบ HTML ของฉันฉันได้ป้อนข้อมูลด้วยไฟล์ประเภทเช่น: <input type="file" multiple> จากนั้นฉันจะเลือกไฟล์หลายไฟล์โดยคลิกที่ปุ่มป้อนข้อมูลนั้น ตอนนี้ฉันต้องการแสดงตัวอย่างของภาพที่เลือกก่อนที่จะส่งแบบฟอร์ม วิธีทำใน HTML 5

117 html image-processing upload

5

สร้างหน้าเพื่อบอกให้เบราว์เซอร์ไม่ต้องแคช / สงวนค่าอินพุต

เบราว์เซอร์ส่วนใหญ่แคชค่าอินพุตฟอร์ม ดังนั้นเมื่อผู้ใช้รีเฟรชเพจอินพุตจะมีค่าเหมือนกัน นี่คือปัญหาของฉัน เมื่อผู้ใช้คลิกบันทึกเซิร์ฟเวอร์จะตรวจสอบข้อมูล POSTed (เช่นผลิตภัณฑ์ที่ตรวจสอบแล้ว) และหากไม่ถูกต้องจะส่งกลับไปที่เบราว์เซอร์ อย่างไรก็ตามตามที่ระบุไว้ข้างต้นแม้ว่าเซิร์ฟเวอร์จะล้างการเลือกสำหรับค่าบางค่า แต่อาจยังคงถูกเลือกเนื่องจากแคชของเบราว์เซอร์! ข้อมูลของฉันมองไม่เห็นช่องทำเครื่องหมาย (จนกว่าจะเลือกรายการหลัก) ดังนั้นผู้ใช้อาจไม่รู้ด้วยซ้ำว่ายังคงมีการเลือกค่าก่อนหน้าบางค่าอยู่จนกว่าจะคลิกบันทึกอีกครั้งและได้รับข้อความแสดงข้อผิดพลาดแม้ว่าผู้ใช้จะคิดว่าไม่ใช่ก็ตาม ซึ่งระคายเคือง. สิ่งนี้สามารถแก้ไขได้ด้วยการทำCtrl+ F5แต่ก็ไม่ใช่วิธีแก้ปัญหา มีวิธีอัตโนมัติ / ทางโปรแกรมในการบอกเบราว์เซอร์ไม่ให้แคชข้อมูลอินพุตของฟอร์มในบางฟอร์ม / เพจหรือไม่?

117 html browser forms browser-cache

16

วิธีจัดรูปแบบการป้อนข้อมูลใน HTML

ฉันเพิ่งเริ่มใช้ HTML และพยายามเรียนรู้วิธีใช้แบบฟอร์ม ปัญหาใหญ่ที่สุดที่ฉันพบคือการจัดแนวฟอร์ม นี่คือตัวอย่างไฟล์ HTML ปัจจุบันของฉัน: <form> First Name:<input type="text" name="first"><br /> Last Name:<input type="text" name="last"><br /> Email:<input type="text" name="email"><br /> </form> ปัญหานี้คือกล่องฟิลด์หลัง "อีเมล" มีความแตกต่างกันอย่างมากในแง่ของระยะห่างเมื่อเทียบกับชื่อและนามสกุล อะไรคือวิธีที่ 'เหมาะสม' ในการทำให้พวกเขา 'จัดเรียง' เป็นหลัก? ฉันพยายามฝึกฝนรูปแบบและไวยากรณ์ที่ดี ... หลายคนอาจทำเช่นนี้กับ CSS ฉันไม่แน่ใจฉันเพิ่งเรียนรู้พื้นฐานของ HTML จนถึงตอนนี้

117 html forms alignment

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