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

ฉันใช้คุณสมบัติ 'ตัวกรอง' MS ที่เป็นกรรมสิทธิ์เพื่อพยายามสร้างสิ่งที่ไม่น่าเกลียดเทียบเท่ากับ css3 text-shadow และ box-shadow ฉันทำได้ดีจริงๆจนกระทั่งฉันประสบปัญหานี้ ดูเหมือนว่าเมื่อฉันใช้ตัวกรองกับ div ภายใน div อื่นซึ่งมีตัวกรองเอฟเฟกต์ตัวกรองจะรวมเข้ากับวัตถุลูก ฉันได้ลองใช้ตัวกรอง: ไม่มี; ทำการรีเซ็ต แต่ไม่มีความสุข ฉันได้ลองใช้รูปแบบต่างๆของไวยากรณ์เช่น "-ms-filter: 'progid: ... Glow ()'", "filter: progid: ... Glow ()", "filter: Glow ()" ฯลฯ .. การทดสอบใน IE8

89 css  filter  internet-explorer 

เป็นไปได้ไหมที่จะมีเมนูแบบเลื่อนลงหลายระดับโดยใช้องค์ประกอบของ twitter bootstrap 2? เวอร์ชันดั้งเดิมไม่มีคุณสมบัตินี้

89 css  twitter-bootstrap 

ฉันสงสัยว่าทำไมเบราว์เซอร์จึงแสดงเครื่องหมายคำพูดเปิดคู่สำหรับองค์ประกอบแรกเท่านั้น องค์ประกอบที่สองมีเครื่องหมายคำพูดเดี่ยวแทน a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด

89 html  css  pseudo-element  css-content 

ฉันมี DIV ที่มีความกว้างคงที่ซึ่งมีตารางที่มีหลายคอลัมน์และจำเป็นต้องอนุญาตให้ผู้ใช้เลื่อนตารางในแนวนอนภายใน DIV สิ่งนี้จำเป็นต้องทำงานบน IE6 และ IE7 เท่านั้น (แอปพลิเคชันไคลเอนต์ภายใน) ต่อไปนี้ใช้งานได้ใน IE7: overflow-x: scroll; ใครสามารถช่วยแก้ปัญหาที่ทำงานใน IE6 ด้วย?

89 html  css 

ฉันจะใช้ไอคอนค้นหาที่รวมอยู่ใน Font Awesome เพื่อป้อนข้อมูลได้อย่างไร ฉันมีคุณสมบัติการค้นหาบนไซต์ของฉัน (ตาม PHPmotion) ที่ฉันต้องการใช้สำหรับการค้นหา นี่คือรหัส: <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" onblur="clickrecall(this,'Search Videos')" style="font-family: verdana; font-weight:bold; font-size: 10pt; height: 28px; width:186px; color: #000000; padding-left: 2px; float:left; border: 1px solid black; background-color: …

89 html  css  font-awesome 

ฉันเคยใช้: word-break:break-all; table-layout:fixed; และข้อความจะรวมอยู่ใน Chrome แต่ไม่ใช่ Firefox อัปเดต: ฉันตัดสินใจที่จะเปลี่ยนการออกแบบดังนั้นจึงไม่จำเป็นต้องห่อ การพยายามจัดการแก้ไข CSS / แฮ็กนั้นพิสูจน์แล้วว่าน่าผิดหวังและใช้เวลานานเกินไป

89 css 

ฉันต้องการส่งออกข้อความบรรทัดเดียวไปยังเบราว์เซอร์ที่มีแท็ก เมื่อแสดงผลปรากฏว่า DIV ทำให้เกิดบรรทัดใหม่ ฉันจะรวมเนื้อหาในแท็ก div ในบรรทัดเดียวกันได้อย่างไร - นี่คือรหัสของฉัน <?php echo("<a href=\"pagea.php?id=$id\">Page A</a>") ?> <div id="contentInfo_new"> <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script> </div> ฉันพยายามจัดระเบียบที่นี่แล้ว ฉันจะแสดงสิ่งนี้เป็นบรรทัดเดียวได้อย่างไร?

89 html  css 

ใน CSS การวางตำแหน่งคงที่ (ค่าเริ่มต้น) และการวางตำแหน่งสัมพัทธ์แตกต่างกันอย่างไร

89 css  static  positioning  css-position 

ฉันมีตาราง html table-layout: fixedและ td ที่มีความกว้างที่กำหนด คอลัมน์ยังคงขยายเพื่อเก็บเนื้อหาของข้อความที่ไม่มีช่องว่าง มีวิธีแก้ไขนอกเหนือจากการตัดเนื้อหาของแต่ละ td ใน div หรือไม่? ตัวอย่าง: http://jsfiddle.net/6p9K3/29/ <table> <tbody> <tr> <td style="width: 50px;">Test</td> <td>Testing 1123455</td> </tr><tr> <td style="width: 50px;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td>B</td> </tr> </tbody> </table> table { table-layout: fixed; } td { border: 1px solid green; overflow: hidden; } ในตัวอย่างคุณจะเห็นว่าคอลัมน์ที่มี AAAAAAAAAAAA ... ขยายออกแม้จะตั้งค่าเป็นความกว้าง 50px อย่างชัดเจน

89 html  css 

วิธีที่w3schools ใช้วลีนั้นฟังดูเหมือนกัน การอ้างอิง CSS ของ W3Schools div + p เลือก<p>องค์ประกอบทั้งหมดที่วางไว้หลัง<div>องค์ประกอบ div ~ p เลือกทุก<p>องค์ประกอบที่นำหน้าด้วย<div>องค์ประกอบ ถ้า<p>องค์ประกอบอยู่หลังองค์ประกอบทันที<div>นั่นหมายความว่า<p>องค์ประกอบนั้นอยู่ข้างหน้าด้วย<div>องค์ประกอบหรือไม่? อย่างไรก็ตามฉันกำลังมองหาตัวเลือกที่ฉันสามารถเลือกองค์ประกอบที่วางไว้ก่อนองค์ประกอบที่กำหนด

89 css  css-selectors 

ฉันจะจัดกึ่งกลางรายการที่ไม่เรียงลำดับ<li>เป็นความกว้างคงที่ได้divอย่างไร <table width="100%"> <tbody> <tr> <td width="41%"><img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"></td> <td width="59%"><p align="left"> </p> <h1 align="left">StudioTeknik.com</h1> <p><br align="left"> <strong>Marc-André Ménard</strong></p> <ul> <li>Photographie digitale</li> <li>Infographie </li> <li>Débug et IT (MAC et PC)</li> <li> Retouche </li> <li>Site internet</li> <li>Graphisme</li> </ul> <p align="left"><span class="style1"><strong>Cellulaire en suisse : </strong></span><a href="#">+41 079 573 48 99</a></p> <p …

89 css  html  html-lists 

ข้อกำหนดHTMLกล่าว ID และ NAME ราชสกุลจะต้องเริ่มต้นด้วยตัวอักษร ([A-Za-z]) และอาจจะตามด้วยหมายเลขของตัวอักษรตัวเลข ([0-9]) ยัติภังค์ ( "-"), ขีดล่าง ( "_") , เครื่องหมายทวิภาค (":") และจุด (".") และแม้ว่าการประกาศ SGMLของ HTML 4 จะใช้ค่า 65536 สำหรับ NAMELEN แต่ก็ระบุว่า "หลีกเลี่ยงขีด จำกัด คงที่" แต่เบราว์เซอร์แน่นอนการใช้งาน CSS และ JavaScript ชุดเครื่องมือต้องมีบางข้อ จำกัด เกี่ยวกับระยะเวลาที่พวกเขาสนับสนุน ขีด จำกัด ที่เล็กที่สุดที่ปลอดภัยสำหรับใช้ในแอปพลิเคชัน HTML / CSS / JS คืออะไร

89 javascript  html  css 

มีภาษาจัดรูปแบบสไตล์ชีตแทน CSS หรือไม่? หรือ CSS เป็นภาษาเดียวในปัจจุบันสำหรับการจัดรูปแบบ Style Sheet หรือไม่? ฉันดูการเขียน CSS บน Wikipedia ( http://en.wikipedia.org/wiki/Cascading_Style_Sheets ) และความคิดเห็นอื่น ๆ เกี่ยวกับ CSS และรู้สึกท้อแท้เกี่ยวกับการขาดการสนับสนุน CSS อย่างเต็มที่ในเครื่องมือเค้าโครงต่างๆ ฉันแค่อยากรู้ว่ามีทางเลือกอื่นหรือไม่หรือต้องเรียนรู้ที่จะใช้ฟิลเตอร์ CSS ด้วย ขอบคุณสำหรับข้อมูลเชิงลึก

89 css 

นี่คือแถบนำทางง่ายๆของฉัน: <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> ฉันแค่อยากจะป้องกันไม่ให้สิ่งนี้ล่มสลายเพราะฉันไม่ต้องการมันทำอย่างไร? ฉันต้องการหลีกเลี่ยงการเขียน CSS 300K บรรทัดเพื่อลบล้างสไตล์เริ่มต้น ข้อเสนอแนะใด …

89 css  twitter-bootstrap-3  navbar  collapse  preventdefault 

ฉันคิดไม่ออกว่าจะนำภาพมาใช้CSSอย่างไร ฉันได้ลองตั้งค่า z-index เป็น 1,000 และวางตำแหน่งให้สัมพันธ์กันแล้ว แต่ก็ยังล้มเหลว นี่คือตัวอย่าง - #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; } .content { margin-left: auto; margin-right: auto; table-layout: fixed; border-collapse: collapse; } .td-main { text-align: center; padding: 80px 10px 80px 10px; …

89 html  css  z-index  jsfiddle