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

ที่คุณสามารถดูใน CSS ดังต่อไปนี้ผมต้องการที่จะวางตำแหน่งตัวเองก่อนchild2 child1นี่เป็นเพราะเว็บไซต์ที่ฉันกำลังพัฒนาควรทำงานบนอุปกรณ์มือถือซึ่งchild2ควรจะอยู่ด้านล่างเนื่องจากมีการนำทางที่ฉันต้องการด้านล่างเนื้อหาบนอุปกรณ์มือถือ - ทำไมถึงไม่ใช่มาสเตอร์เพจ 2 เพจ นี่เป็นเพียง 2 รายการเท่านั้นdivsที่มีการจัดตำแหน่งใหม่ใน HTML ทั้งหมดดังนั้นมาสเตอร์เพจ 2 รายการสำหรับการเปลี่ยนแปลงเล็กน้อยนี้จึงเป็น overkill HTML: <div id="parent"> <div class="child1"></div> <div class="child2"></div> </div> CSS: parent { position: relative; width: 100%; } child1 { width: auto; margin-left: 160px; } child2 { width: 145px; position: absolute; top: 0px; bottom: 0px; } …

204 html  css  position  master-pages  parent-child 

ฉันไม่แน่ใจว่าสิ่งนี้เป็นไปได้หรือไม่ แต่ฉันสงสัยว่าถ้าใครรู้วิธีสร้างไฮเปอร์ลิงก์ผ่านตัวแปรบางตัวและใช้ POST (เหมือนรูปแบบ) ซึ่งต่างจาก GET

204 javascript  html  http 

ฉันต้องการรับข้อความยืนยันเมื่อคลิกลบ (อาจเป็นปุ่มหรือรูปภาพ) หากผู้ใช้เลือก ' Ok' แล้วการลบจะเสร็จสิ้นมิฉะนั้นถ้า ' Cancel' ถูกคลิกไม่มีอะไรเกิดขึ้น ฉันลองทำเสียงสะท้อนนี้เมื่อคลิกปุ่ม แต่สิ่งที่สะท้อนทำให้กล่องอินพุตและกล่องข้อความของฉันขาดสไตล์และการออกแบบ

204 javascript  html 

ฉันสร้างเมนูแนวนอนโดยใช้รายการ HTML และ CSS ทุกอย่างทำงานได้ตามปกติยกเว้นเมื่อคุณวางเมาส์เหนือลิงก์ คุณเห็นไหมว่าฉันได้สร้างสถานะโฮเวอร์ตัวหนาสำหรับลิงก์และตอนนี้ลิงก์เมนูเปลี่ยนเนื่องจากขนาดตัวหนาแตกต่างกัน ฉันพบปัญหาเดียวกันกับโพสต์ SitePointนี้ อย่างไรก็ตามโพสต์ไม่มีทางออกที่เหมาะสม ฉันค้นหาวิธีแก้ปัญหาทุกที่และหาไม่พบ แน่นอนฉันไม่สามารถเป็นคนเดียวที่พยายามทำสิ่งนี้ ไม่มีใครมีความคิดใด ๆ PS: ฉันไม่รู้ความกว้างของข้อความในรายการเมนูดังนั้นฉันไม่สามารถกำหนดความกว้างของรายการ li ได้ .nav { margin: 0; padding: 0; } .nav li { list-style: none; display: inline; border-left: #ffffff 1px solid; } .nav li a:link, .nav li a:visited { text-decoration: none; color: #000; margin-left: 8px; margin-right: …

204 html  css  hover  text-size 

ผมพยายามที่จะสไตล์fieldsetองค์ประกอบด้วยและdisplay: flexdisplay: inline-flex แต่ก็ไม่ได้ทำงาน: flexทำตัวเหมือนblockและทำตัวเหมือนinline-flexinline-block สิ่งนี้เกิดขึ้นทั้งบน Firefox และ Chrome แต่ใช้งานกับ IE ได้อย่างแปลกประหลาด มันเป็นข้อบกพร่องหรือไม่? ฉันไม่พบที่fieldsetควรมีพฤติกรรมพิเศษใด ๆ ทั้งในHTML5หรือในรายละเอียดCSS เค้าโครงกล่องแบบยืดหยุ่น fieldset, div { display: flex; border: 1px solid; } <fieldset> <p>foo</p> <p>bar</p> </fieldset> <div> <p>foo</p> <p>bar</p> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

204 html  css  flexbox 

ฉันมีเว็บไซต์ที่เป็นหลักสำหรับผู้ใช้มือถือ แต่เดสก์ท็อปด้วย บน Mobile Safari การใช้<input type="number">งานได้ดีเพราะมันแสดงแป้นพิมพ์ตัวเลขในฟิลด์อินพุตซึ่งควรมีตัวเลขเท่านั้น อย่างไรก็ตามใน Chrome และ Safari การใช้อินพุตตัวเลขจะแสดงปุ่มหมุนที่ด้านขวาของฟิลด์ซึ่งดูเหมือนว่าไร้สาระในการออกแบบของฉัน ฉันไม่ต้องการปุ่มเพราะพวกมันไร้ประโยชน์เมื่อคุณต้องการเขียนตัวเลข 6 หลัก เป็นไปได้หรือไม่ที่จะปิดใช้งานสิ่งนี้ด้วย-webkit-appearanceหรือใช้ CSS เคล็ดลับอื่น ๆ ? ฉันได้ลองโดยไม่มีโชคมาก

203 css  html  webkit 

ฉันกำลังเก็บบล็อก HTML จำนวนหนึ่งไว้ใน CMS เพื่อเหตุผลในการบำรุงรักษาที่ง่ายขึ้น มันถูกแทนด้วย<textarea>s มีใครรู้บ้างว่าวิดเจ็ต JavaScript ของบางประเภทที่สามารถเน้นไวยากรณ์สำหรับ HTML ภายในtextareaหรือคล้ายกันในขณะที่ยังคงใช้โปรแกรมแก้ไขข้อความธรรมดา (ไม่มี WYSIWYG หรือฟังก์ชั่นขั้นสูง)

203 javascript  html  richtextbox  widget  highlighting 

ฉันมีเว็บแอปพลิเคชันมือถือที่มีรายการที่ไม่ได้เรียงลำดับซึ่งมีหลายรายการที่มีไฮเปอร์ลิงก์ภายในแต่ละ li: ... คำถามของฉันคือฉันจะจัดรูปแบบไฮเปอร์ลิงก์ได้อย่างไรเพื่อที่จะไม่เปลี่ยนขนาดเมื่อดูบน iPhone และการเปลี่ยนจากแนวตั้ง -> เป็นแนวนอน? ตอนนี้ฉันมีขนาดตัวอักษรไฮเปอร์ลิงก์ที่ 14px แต่เมื่อเปลี่ยนเป็นแนวนอนมันจะขยายเป็น 20px ฉันต้องการให้ขนาดตัวอักษรคงเดิม นี่คือรหัส: ul li a { font-size:14px; text-decoration: none; color: #cc9999; } <ul> <li id="home" class="active"> <a href="home.html">HOME</a> </li> <li id="home" class="active"> <a href="test.html">TEST</a> </li> </ul> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

203 iphone  html  css 

ฉันกำลังสร้างบางสิ่งด้วย React ที่ฉันต้องการแทรก HTML ด้วยตัวแปร React ใน JSX มีวิธีที่จะมีตัวแปรดังนี้: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; และใส่เข้าไปในปฏิกิริยาเช่นนั้นและทำงานได้หรือไม่ render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } และมันแทรก HTML ตามที่คาดไว้หรือไม่ ฉันไม่ได้เห็นหรือได้ยินอะไรเกี่ยวกับฟังก์ชั่นตอบสนองที่สามารถทำแบบอินไลน์นี้หรือวิธีการแยกวิเคราะห์สิ่งที่จะช่วยให้การทำงาน

203 javascript  html  frontend  reactjs  react-jsx 

ฉันมีแอปรุ่นเก่าที่เพิ่งเริ่มทำงานผิดปกติไม่ว่าด้วยเหตุผลใดก็ตามฉันไม่แน่ใจ มันสร้างกลุ่ม HTML ที่กลายเป็นรายงาน PDF โดย ActivePDF กระบวนการทำงานเช่นนี้: ดึงเทมเพลต HTML จากฐานข้อมูลที่มีโทเค็นนั้นเพื่อแทนที่ (เช่น "~ CompanyName ~", "~ CustomerName ~" เป็นต้น) แทนที่โทเค็นด้วยข้อมูลจริง จัดระเบียบ HTML ด้วยฟังก์ชัน regex อย่างง่ายที่คุณสมบัติจะจัดรูปแบบค่าแอตทริบิวต์แท็ก HTML (ตรวจสอบให้แน่ใจว่าเครื่องหมายคำพูด ฯลฯ เนื่องจากเครื่องมือการเรนเดอร์การแสดงผลของ ActivePDF ไม่ชอบอะไรเลย ส่ง HTML ไปยังบริการเว็บที่สร้าง PDF อยู่ที่ไหนสักแห่งที่ว่างช่องว่างไม่แตกออกจากแม่แบบ HTML (  s) กำลังเข้ารหัสเป็น ISO-8859-1 เพื่อให้พวกเขาปรากฏขึ้นอย่างไม่ถูกต้องเป็นตัวอักษร "Â" เมื่อดูเอกสารในเบราว์เซอร์ (FireFox) ActivePDF pukes กับอักขระที่ไม่ใช่ UTF8 เหล่านี้ …

203 html  vb.net  encoding  utf-8  iso-8859-1 

เป็นไปได้หรือไม่ที่จะกำหนดสไตล์ CSS สำหรับองค์ประกอบที่จะใช้เฉพาะเมื่อองค์ประกอบที่ตรงกันมีองค์ประกอบเฉพาะ (เป็นรายการลูกโดยตรง) ฉันคิดว่านี่เป็นคำอธิบายที่ดีที่สุดโดยใช้ตัวอย่าง หมายเหตุ : ฉันกำลังพยายามจัดองค์ประกอบองค์ประกอบหลักขึ้นอยู่กับองค์ประกอบลูกที่มี <style> /* note this is invalid syntax. I'm using the non-existing ":containing" pseudo-class to show what I want to achieve. */ div:containing div.a { border: solid 3px red; } div:containing div.b { border: solid 3px blue; } </style> <!-- the following div …

203 html  css 

ฉันใหม่สำหรับ ReactJS ขออภัยหากปิดใช้งาน ฉันมีส่วนประกอบที่สร้างแถวของตารางหลายแถวตามข้อมูลที่ได้รับ แต่ละเซลล์ภายในคอลัมน์จะมีช่องทำเครื่องหมายวิทยุ ดังนั้นผู้ใช้สามารถเลือกหนึ่งsite_nameและหนึ่งaddressจากแถวที่มีอยู่ การเลือกจะแสดงในส่วนท้าย และนั่นคือสิ่งที่ฉันติดอยู่ var SearchResult = React.createClass({ render: function(){ var resultRows = this.props.data.map(function(result){ return ( <tbody> <tr> <td><input type="radio" name="site_name" value={result.SITE_NAME}>{result.SITE_NAME}</input></td> <td><input type="radio" name="address" value={result.ADDRESS}>{result.ADDRESS}</input></td> </tr> </tbody> ); }); return ( <table className="table"> <thead> <tr> <th>Name</th> <th>Address</th> </tr> </thead> {resultRows} <tfoot> <tr> <td>chosen site name …

203 html  reactjs 

ฉันมีตารางง่ายๆที่ใช้สำหรับกล่องจดหมายดังนี้: <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> ฉันจะตั้งค่าความกว้างได้อย่างไรจากและวันที่คือ 15% ของความกว้างของหน้าและหัวเรื่องคือ 70% ฉันต้องการให้ตารางใช้ความกว้างของหน้าทั้งหมด

203 html  css  html-table 

วิธีที่ดีที่สุดในการตั้งค่าhrefแอตทริบิวต์ของ<a>แท็ก ณ รันไทม์โดยใช้ jQuery คืออะไร นอกจากนี้คุณจะรับค่าhrefคุณลักษณะของ<a>แท็กโดยใช้ jQuery ได้อย่างไร

202 javascript  jquery  html 

สมมติว่าฉันมี HTML นี้: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> และ CSS นี้: li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } สามารถดูผลลัพธ์ได้ที่นี่: http://jsfiddle.net/YMN7U/1/ ทีนี้ลองนึกดูว่าฉันต้องการแยกสิ่งนี้ออกเป็นสามคอลัมน์ซึ่งเท่ากับการฉีด a <br>หลังจากสาม<li>อัน (จริง ๆ แล้วการทำเช่นนั้นจะไม่ถูกต้องทางความหมายและ syntactically) ฉันรู้วิธีเลือกตัวที่สาม<li>ใน CSS …

202 html  css