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

13

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังพยายามสร้าง "ฟอง" ที่สามารถป๊อปอัปเมื่อonmouseoverเหตุการณ์เริ่มขึ้นและจะยังคงเปิดอยู่ตราบเท่าที่เมาส์อยู่เหนือรายการที่โยนonmouseoverเหตุการณ์หรือหากเลื่อนเมาส์ไปที่ฟอง ฟองของฉันจะต้องมีมารยาทในการใช้ HTML และการจัดรูปแบบรวมทั้งไฮเปอร์ลิงก์รูปภาพ ฯลฯ โดยพื้นฐานแล้วฉันทำได้สำเร็จโดยเขียน JavaScript ที่น่าเกลียดประมาณ 200 บรรทัด แต่ฉันต้องการหาปลั๊กอิน jQuery หรือวิธีอื่นในการทำความสะอาดเล็กน้อย

99 javascript jquery html css

8

การย่อขนาด HTML? [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน6 ปีที่ผ่านมา คำตอบของคำถามนี้เป็นความพยายามของชุมชน แก้ไขคำตอบที่มีอยู่เพื่อปรับปรุงโพสต์นี้ ขณะนี้ยังไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ มีเครื่องมือออนไลน์ที่เราสามารถใส่ซอร์สHTMLของเพจลงในและจะย่อโค้ดหรือไม่? ฉันจะทำเช่นนั้นสำหรับไฟล์ aspx เนื่องจากไม่ใช่ความคิดที่ดีที่จะทำให้เว็บเซิร์ฟเวอร์ gzip พวกเขา ...

99 html minify

2

ตัวเลือกแอตทริบิวต์ CSS ไม่ทำงานกับ href

ฉันจำเป็นต้องใช้ตัวเลือกแอตทริบิวต์ใน css เพื่อเปลี่ยนลิงค์สีและรูปภาพที่แตกต่างกัน แต่มันใช้ไม่ได้ ฉันมี html นี้: <a href="/manual.pdf">A PDF File</a> และ css นี้: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } ทำไมพื้นหลังถึงไม่เป็นสีแดง

99 html css css-selectors

10

Google Maps: จะสร้าง InfoWindow แบบกำหนดเองได้อย่างไร?

Google Maps InfoWindow เริ่มต้นสำหรับเครื่องหมายบนแผนที่นั้นกลมมาก ฉันจะสร้าง InfoWindow แบบกำหนดเองที่มีมุมสี่เหลี่ยมได้อย่างไร

99 javascript html css google-maps

3

การใช้ style =“ clear: both” คืออะไร?

ฉันบังเอิญเห็นdivว่ามีสไตล์clear:both! ใช้clearในstyleอะไร? <div style="clear:both">

99 html css

10

สอง divs หนึ่งความกว้างคงที่อีกอันที่เหลือ

ฉันมีคอนเทนเนอร์ div สองอัน ในขณะที่ความกว้างหนึ่งต้องมีความกว้างเฉพาะ แต่ฉันก็ต้องปรับมันดังนั้น div อื่นจึงใช้พื้นที่ที่เหลือ มีวิธีใดบ้างที่ฉันสามารถทำได้? .left { float: left; width: 83%; display: table-cell; vertical-align: middle; min-height: 50px; margin-right: 10px; overflow: auto; } .right { float: right; width: 16%; text-align: right; display: table-cell; vertical-align: middle; min-height: 50px; height: 100%; overflow: auto; } <div class="left"></div> <div class="right"></div> <!-- needs …

99 css html

7

รับขนาดไฟล์ความกว้างและความสูงของภาพก่อนอัปโหลด

ฉันจะรับขนาดไฟล์ความสูงและความกว้างของภาพก่อนที่จะอัปโหลดไปยังเว็บไซต์ด้วย jQuery หรือ JavaScript ได้อย่างไร

99 javascript jquery html dimensions image-size

8

วิธีเข้ารหัส HTML / หลีกเลี่ยงสตริง มีในตัวหรือไม่?

ฉันมีสตริงที่ไม่น่าเชื่อถือซึ่งฉันต้องการแสดงเป็นข้อความในหน้า HTML ฉันต้องการหลีกเลี่ยงตัวอักษร ' <' และ ' &' เป็นเอนทิตี HTML เอะอะน้อยยิ่งดี ฉันใช้ UTF8 และไม่ต้องการเอนทิตีอื่นสำหรับตัวอักษรเน้นเสียง ใน Ruby หรือ Rails มีฟังก์ชันในตัวหรือไม่หรือควรม้วนเอง

99 html ruby-on-rails ruby escaping encode

10

Thymeleaf: วิธีใช้ conditionals เพื่อเพิ่ม / ลบคลาส CSS แบบไดนามิก

การใช้Thymeleafเป็นเครื่องมือแม่แบบเป็นไปได้หรือไม่ที่จะเพิ่ม / ลบคลาส CSS แบบไดนามิกไปยัง / จากรูปแบบง่ายๆdivด้วยth:ifอนุประโยค? โดยปกติฉันสามารถใช้ประโยคเงื่อนไขดังนี้: <a href="lorem-ipsum.html" th:if="${condition}">Lorem Ipsum</a> เราจะสร้างลิงค์ไปยังเพจlorem ipsumแต่เงื่อนไขเงื่อนไขเป็นจริงเท่านั้น ฉันกำลังมองหาสิ่งที่แตกต่าง: ฉันต้องการให้บล็อกปรากฏอยู่เสมอ แต่มีคลาสที่เปลี่ยนแปลงได้ตามสถานการณ์

99 java html css spring thymeleaf

14

วิธีการวาดเส้นประด้วย css?

ฉันจะวาดเส้นประด้วย CSS ได้อย่างไร

99 html css

6

แบบไหนดีกว่า: <script type =“ text / javascript”> … </script> หรือ <script> … </script>

แบบไหนดีกว่าหรือใช้สะดวกกว่า: <script type="text/javascript">...</script> หรือ <script>...</script>

99 javascript html

5

HTML / CSS: สร้าง div ให้ "มองไม่เห็น" กับการคลิกหรือไม่

ด้วยเหตุผลหลายประการฉันต้องใส่ (ส่วนใหญ่) ให้โปร่งใส<div>เหนือข้อความบางส่วน อย่างไรก็ตามหมายความว่าไม่สามารถคลิกข้อความได้ (เช่นคลิกลิงก์หรือเลือก) เป็นไปได้ไหมที่จะทำให้ div นี้ "มองไม่เห็น" ต่อการคลิกและเหตุการณ์อื่น ๆ ของเมาส์ ตัวอย่างเช่นoverlaydiv ครอบคลุมข้อความ แต่ฉันต้องการให้สามารถคลิก / เลือกข้อความผ่านoverlaydiv: <div id="container"> <p>Some text</p> <div id="overlay" style="position: absolute; top: 0; left: 0; width: 100%; height:100%"> ... some content ... </div> </div>

99 html css events

7

จัดแต่งทรงผมอีเมล HTML สำหรับ Gmail

ฉันกำลังสร้างอีเมล html ที่ใช้สไตล์ชีตภายในเช่น <!doctype html> <html> <head> <style type="text/css"> h2.foo {color: red} </style> </head> <body> <h2 class="foo">Email content here</foo> </body> </html> เมื่อดูใน Gmail ดูเหมือนว่าสไตล์ทั้งหมดในสไตล์ชีตภายในจะถูกละเว้น ดูเหมือนว่า Gmail จะละเว้นรูปแบบทั้งหมดนอกเหนือจากกฎแบบอินไลน์เช่น <h2 style="color: red">Email content here</foo> นี่เป็นตัวเลือกเดียวของฉันในการจัดรูปแบบอีเมล HTML เมื่อดูด้วย Gmail หรือไม่

99 html css gmail html-email

4

การตั้งค่าโฟกัสบนช่องป้อน HTML ในการโหลดหน้า

ฉันกำลังพยายามตั้งค่าโฟกัสเริ่มต้นที่ช่องป้อนข้อมูลเมื่อโหลดหน้าเว็บ (ตัวอย่าง: google) หน้าของฉันเรียบง่ายมาก แต่ฉันคิดไม่ออกว่าจะทำอย่างไร นี่คือสิ่งที่ฉันมีจนถึงตอนนี้: <html> <head> <title>Password Protected Page</title> <script type="text/javascript"> function FocusOnInput() { document.getElementById("PasswordInput").focus(); } </script> <style type="text/css" media="screen"> body, html {height: 100%; padding: 0px; margin: 0px;} #outer {width: 100%; height: 100%; overflow: visible; padding: 0px; margin: 0px;} #middle {vertical-align: middle} #centered {width: 280px; margin-left: auto; margin-right: …

99 javascript html focus onload autofocus

11

วิธีการตีแบบเฉียงด้วย css

ฉันต้องการสิ่งนี้: จะบรรลุสิ่งนี้ด้วย css ได้อย่างไร? ฉันรู้ว่าวิธีหนึ่งคือใช้ภาพพื้นหลัง แต่ฉันสามารถทำได้โดยใช้ css โดยไม่มีภาพใด ๆ เท่านั้นหรือไม่

99 html css image strikethrough

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