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

5

ฉันกำลังพยายามเปลี่ยนรายการเมนูโดยหมุน 10 องศา CSS ของฉันทำงานใน Firefox แต่ฉันไม่สามารถจำลองเอฟเฟกต์ใน Chrome และ Safari ได้ ฉันรู้ว่า IE ไม่รองรับคุณสมบัติ CSS3 นี้ดังนั้นจึงไม่ใช่ปัญหา ฉันใช้ CSS ต่อไปนี้: li a { -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); } ใครช่วยแนะนำหน่อยได้ไหมว่าฉันผิดพลาดตรงไหน ขอบคุณ

123 html css

4

จะจัดคอลัมน์ Flexbox ซ้ายและขวาได้อย่างไร?

ด้วย CSS ทั่วไปฉันสามารถลอยหนึ่งในสองคอลัมน์ไปทางซ้ายและอีกคอลัมน์หนึ่งทางขวาโดยมีช่องว่างระหว่างราง ฉันจะทำอย่างไรกับ flexbox http://jsfiddle.net/1sp9jd32/ #container { width: 500px; border: solid 1px #000; display: -webkit-flex; display: -ms-flexbox; display: flex; } #a { width: 20%; border: solid 1px #000; } #b { width: 20%; border: solid 1px #000; height: 200px; } <div id="container"> <div id="a"> a </div> <div id="b"> b …

123 html css flexbox

6

จัดแนวตั้งในตาราง bootstrap

ฉันกำลังพยายามแสดงตารางที่มี 4 คอลัมน์ซึ่งหนึ่งในนั้นเป็นรูปภาพ ด้านล่างนี้คือภาพรวม: - ฉันต้องการจัดแนวข้อความให้อยู่ในตำแหน่งกึ่งกลางในแนวตั้ง แต่ดูเหมือนว่า css จะใช้งานไม่ได้ ฉันใช้ตารางตอบสนอง bootstrap แล้ว ฉันต้องการทราบว่าเหตุใดรหัสของฉันจึงไม่ทำงานและอะไรคือวิธีการที่ถูกต้องในการทำให้มันใช้งานได้ ต่อไปนี้เป็นรหัสสำหรับตาราง CSS img { height: 150px; width: 200px; } th, td { text-align: center; vertical-align: middle; } HTML <table id="news" class="table table-striped table-responsive"> <thead> <tr> <th>Name</th> <th>Email</th> <th>Phone</th> <th>Photo</th> </tr> </thead> <tbody> <?php $i=0; foreach ($result as …

123 html css twitter-bootstrap

12

เครื่องมือใดในการสร้างสไตล์ CSS แบบอินไลน์โดยอัตโนมัติเพื่อสร้างโค้ด HTML ของอีเมล [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ เมื่อคุณดูที่http://www.campaignmonitor.com/css/คุณได้เรียนรู้ว่าคุณจำเป็นต้องฝังสไตล์อินไลน์ใน HTML ของคุณเพื่อให้สามารถอ่านอีเมลของคุณในโปรแกรมรับส่งเมลใด ๆ คุณรู้หรือไม่ว่าเครื่องมือหรือสคริปต์ใด ๆ ในการแปลงไฟล์ HTML โดยอัตโนมัติโดยประกาศเป็นไฟล์ HTML ที่มีแอตทริบิวต์สไตล์ CCS แบบอินไลน์เท่านั้น แก้ไข : โซลูชัน Javascript ใด ๆ (เช่น: http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? ด้วย jQuery?

122 html css email inline html-email

10

กลยุทธ์การออกจากปุ่ม Panic ที่เร็วที่สุดในเว็บไซต์ Crisis / Abuse? [ปิด]

ปิด . คำถามนี้เป็นคำถามความคิดเห็นตาม ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบพร้อมข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังทำเว็บไซต์ของศูนย์ทรัพยากรการล่วงละเมิดสตรี ศูนย์จำนวนมากเช่นนี้มีสิ่งที่เรียกโดยศูนย์ว่า "Panic Button" ตัวอย่างของหนึ่งขั้นพื้นฐานพบว่าที่นี่ที่ด้านบนของทุกหน้าในแถบสีเขียว แนวคิดของลิงก์หรือปุ่มมีไว้สำหรับในกรณีที่ผู้หญิงกำลังดูเว็บไซต์นี้เพื่อขอความช่วยเหลือและผู้ทำร้ายหรือคนที่พวกเขาไม่ต้องการรู้จักเดินเข้ามาในห้องก็จะช่วยให้สามารถหลบหนีได้อย่างรวดเร็ว บางครั้งลิงก์เร็วกว่ามากจากนั้นจึงปิดหน้าต่างเบราว์เซอร์ซึ่งอาจเป็นเรื่องที่น่าสงสัย ปัญหาที่ฉันเห็นคือปุ่มส่วนใหญ่ที่ฉันเห็นทำเพียงแค่ส่งคุณไปที่ google หรืออะไรทำนองนั้น ฉันจะทำสิ่งนี้: <a href="http://www.msn.com/#news" rel="noreferrer">LEAVE WEBSITE NOW!</a> หรือ <a href='data:text/html;charset=utf-8, <html><meta http-equiv="refresh" content="0;URL=&#39;http://www.msn.com/#news/&#39;"></html>'>LEAVE WEBSITE NOW!</a> ลิงก์แบบนี้จะเลื่อนคุณไปยังเนื้อหาจริง ไม่ใช่การค้นหาใน Google ที่ว่างเปล่า แต่ก็ไม่ใช่สิ่งที่เฉพาะเจาะจงมากนักที่อาจถูกมองว่าน่าสงสัย ฉันรู้ว่าการบล็อกผู้อ้างอิงนั้นดี แต่ถึงแม้จะมีวิธีแก้ปัญหานั้นคุณก็สามารถกดปุ่มย้อนกลับบนเบราว์เซอร์ของคุณและคุณถูกจับได้ สำหรับปัญหานี้ฉันคิดว่าฉันสามารถทำสิ่งนี้ได้: HTML <a href="javascript:goNewWin()" rel="noreferrer">LEAVE WEBSITE NOW!</A> JavaScript function goNewWin() …

122 javascript html

13

ฉันจะสะท้อน HTML ใน PHP ได้อย่างไร

ฉันต้องการส่งออก HTML ตามเงื่อนไขเพื่อสร้างเพจดังนั้นวิธีใดที่ง่ายที่สุดในการสะท้อนตัวอย่าง HTML หลายบรรทัดใน PHP 4+ ฉันจะต้องใช้กรอบแม่แบบเช่น Smarty หรือไม่? echo '<html>', "\n"; // I'm sure there's a better way! echo '<head>', "\n"; echo '</head>', "\n"; echo '<body>', "\n"; echo '</body>', "\n"; echo '</html>', "\n";

122 php html templates echo

9

จะรับข้อความบริสุทธิ์โดยไม่มีองค์ประกอบ HTML โดยใช้ JavaScript ได้อย่างไร

ฉันมีปุ่ม 1 และข้อความบางส่วนใน HTML ของฉันดังต่อไปนี้: function get_content(){ // I don't know how to do in here!!! } <input type="button" onclick="get_content()" value="Get Content"/> <p id='txt'> <span class="A">I am</span> <span class="B">working in </span> <span class="C">ABC company.</span> </p> เมื่อผู้ใช้คลิกปุ่มเนื้อหาใน<p id='txt'>จะกลายเป็นผลลัพธ์ที่คาดหวังดังนี้ <p id='txt'> // All the HTML element within the <p> will be disappear …

122 javascript html

6

การเปลี่ยนพื้นหลัง three.js เป็นสีโปร่งใสหรือสีอื่น ๆ

ฉันพยายามเปลี่ยนสิ่งที่ดูเหมือนจะเป็นสีพื้นหลังเริ่มต้นของผืนผ้าใบของฉันจากสีดำเป็นสีโปร่งใส / สีอื่น ๆ - แต่ไม่มีโชค HTML ของฉัน: <canvas id="canvasColor"> CSS ของฉัน: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> ดังที่คุณเห็นในตัวอย่างออนไลน์ต่อไปนี้ฉันมีแอนิเมชั่นบางส่วนต่อท้ายผืนผ้าใบดังนั้นจึงไม่สามารถทำทึบได้: 0; บน id. ดูตัวอย่างสด: http://devsgs.com/preview/test/particle/ มีความคิดอย่างไรในการเขียนทับสีดำเริ่มต้น?

122 css html canvas html5-canvas three.js

10

เส้นแนวนอนและวิธีที่ถูกต้องในการเขียนโค้ดใน html, css

ฉันต้องวาดเส้นแนวนอนหลังจากบล็อกบางส่วนและฉันมีสามวิธีในการทำ: 1) กำหนดคลาสh_lineและเพิ่มคุณสมบัติ css เข้าไปเช่น #css .hline { width:100%; height:1px; background: #fff } #html <div class="block_1">Lorem</div> <div class="h_line"></div> 2) ใช้hrแท็ก #css hr { width:100%; height:1px; background: #fff } #html <div class="block_1">Lorem</div> <hr /> 3) ใช้มันเหมือนafterpseudoclass #css .hline:after { width:100%; height:1px; background: #fff; content:"" } #html <div class="block_1 h_line">Lorem</div> วิธีใดปฏิบัติได้จริงที่สุด?

122 html css

5

เรายังต้องการเครื่องหมายทับใน HTML5 หรือไม่?

ใน HTML5 เรายังต้องการเครื่องหมายทับเหมือนใน XHTML หรือไม่? <img src="some_image.png" /> validator.w3.org ไม่ได้บ่นถ้าฉันทำหล่นไม่มีแม้แต่คำเตือน แต่เอกสารออนไลน์บางฉบับดูเหมือนจะระบุว่ายังต้องใช้เครื่องหมายทับสำหรับแท็กเช่น img, link, meta, br เป็นต้น

122 html xhtml

14

จะเปลี่ยนรูปแบบเส้นขอบของช่องทำเครื่องหมายใน CSS ได้อย่างไร

ฉันจะเปลี่ยนรูปแบบของเส้นขอบของช่องทำเครื่องหมาย (อินพุต) ได้อย่างไร ฉันใส่border:1px solid #1e5180ไปแล้ว แต่ใน FireFox 3.5 ไม่มีอะไรเกิดขึ้น!

122 html css

9

รักษาอัตราส่วนของ div แต่เติมความกว้างและความสูงของหน้าจอใน CSS?

ฉันมีไซต์ที่จะรวบรวมซึ่งมีอัตราส่วนภาพคงที่ประมาณ16:9แนวนอนเช่นวิดีโอ ฉันต้องการให้มันอยู่ตรงกลางและขยายเพื่อเติมเต็มความกว้างที่มีอยู่และความสูงที่มี แต่อย่าให้ใหญ่ขึ้นจากด้านใดด้านหนึ่ง ตัวอย่างเช่น: หน้าสูงและบางจะมีเนื้อหายืดเต็มความกว้างในขณะที่รักษาความสูงตามสัดส่วน หน้ากว้างสั้น ๆ จะมีเนื้อหายืดเต็มความสูงโดยมีความกว้างตามสัดส่วน มีสองวิธีที่ฉันกำลังดู: ใช้รูปภาพที่มีอัตราส่วนกว้างยาวเพื่อขยายคอนเทนเนอร์divแต่ฉันไม่สามารถทำให้มันทำงานในลักษณะเดียวกันกับเบราว์เซอร์หลัก ๆ การตั้งค่าช่องว่างด้านล่างตามสัดส่วน แต่ใช้ได้กับความกว้างเท่านั้นและไม่สนใจความสูง มันจะใหญ่ขึ้นเรื่อย ๆ ตามความกว้างและแสดงแถบเลื่อนแนวตั้ง ฉันรู้ว่าคุณสามารถทำสิ่งนี้กับ JS ได้ค่อนข้างง่าย แต่ฉันต้องการโซลูชัน CSS ที่บริสุทธิ์ ความคิดใด ๆ ?

122 html css responsive-design aspect-ratio

24

เมนูที่ยุบ Bootstrap 3 ไม่ปิดเมื่อคลิก

ฉันมีการนำทางมาตรฐานมากหรือน้อยจาก bootstrap 3 <body data-spy="scroll" data-target=".navbar-collapse">  <div class="navbar navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> </button> <a class="navbar-brand" href="index.html"> <img src="#"></a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home">Home</a></li> <li><a href="#one">One</a></li> <li><a href="#two">Two</a></li> <li><a href="#three">Three</a></li> …

122 html css twitter-bootstrap navigation

14

เลื่อนกลับไปที่ด้านบนสุดของ div ที่เลื่อนได้

<div id="containerDiv"></div> #containerDiv { position: absolute; top: 0px; width: 400px; height: 100%; padding: 5px; font-size: .875em; overflow-y: scroll; } document.getElementById("containerDiv").innerHTML = variableLongText; จะรีเซ็ตตำแหน่งเลื่อนกลับไปด้านบนของคอนเทนเนอร์ div ในครั้งต่อไปได้อย่างไร

122 javascript html scroll

4

ต่อท้ายองค์ประกอบที่มีเอฟเฟกต์จาง [jQuery]

var html = "<div id='blah'>Hello stuff here</div>" $("#mycontent").append(html).fadeIn(999); ดูเหมือนจะไม่ได้ผล ฉันแค่อยากได้เอฟเฟกต์เจ๋ง ๆ เมื่อเนื้อหาถูกต่อท้าย หมายเหตุ: ฉันต้องการให้ div "blah" ใหม่จางลงไม่ใช่ "mycontent" ทั้งหมด

121 javascript jquery html css

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