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

ฉันกำลังจัดเก็บสไตล์ชีตใน {root} / styles ในขณะที่รูปภาพอยู่ใน {root} / images สำหรับเว็บไซต์ ฉันจะกำหนดเส้นทางในสไตล์ชีตเพื่อไปดูในไดเร็กทอรีรูปภาพสำหรับรูปภาพที่ระบุได้อย่างไร เช่นใน background-image: url('/images/bg.png');

101 html  css  relative-path 

ปัญหา ฉันมีไฟล์CSS ที่มีเส้นทางอยู่ในนั้น (สำหรับรูปภาพฟอนต์ ฯลฯ .. url(..)) โครงสร้างเส้นทางของฉันเป็นดังนี้: ... +-src/ | +-MyCompany/ | +-MyBundle/ | +-Resources/ | +-assets/ | +-css/ | +-stylesheets... +-web/ | +-images/ | +-images... ... ฉันต้องการอ้างอิงรูปภาพของฉันในสไตล์ชีต ทางออกแรก ฉันเปลี่ยนเส้นทางทั้งหมดในไฟล์ CSS เป็นพา ธ สัมบูรณ์ นี่ไม่ใช่วิธีแก้ปัญหาเนื่องจากแอปพลิเคชันควร (และต้อง!) ทำงานในไดเร็กทอรีย่อยด้วย แนวทางที่สอง ใช้ Assetic กับfilter="cssrewrite". ดังนั้นฉันจึงเปลี่ยนเส้นทางทั้งหมดในไฟล์ CSS เป็น url("../../../../../../web/images/myimage.png") เพื่อแสดงเส้นทางจริงจากไดเร็กทอรีทรัพยากรของฉันไปยัง/web/imagesไดเร็กทอรี สิ่งนี้ใช้ไม่ได้เนื่องจาก cssrewrite สร้างรหัสต่อไปนี้: …

101 php  css  symfony  assetic 

สิ่งต่อไปนี้นำมาจากการรีเซ็ต Yahoo CSS ใครช่วยอธิบายจุดประสงค์ของเครื่องหมายดอกจันได้ไหม body { font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; }

101 css 

ฉันไม่สามารถตั้งค่าแถวตารางเป็นลิงก์ไปยังบางสิ่งได้ ฉันสามารถใช้ได้เฉพาะ css และ html ฉันลองสิ่งที่แตกต่างจาก div ในแถวไปยังสิ่งอื่น แต่ก็ยังไม่สามารถใช้งานได้

101 html  css  hyperlink  html-table 

ฉันจะคำนวณความกว้างในองค์ประกอบจากร้อยละพิกเซลดังนั้นฉันจะลบ -10px ผ่านการใช้น้อยลงและขจัดตะกรัน () มันเป็นไปได้? div { span { width:calc(100% - 10px); } } ฉันใช้ CSS3 calc()ดังนั้นจึงไม่ทำงาน:calc(100% - 10px) ตัวอย่าง:ถ้า 100% = 500px ดังนั้น width = 490px (500-10); ฉันทำการสาธิตสำหรับการทดสอบ: http://jsfiddle.net/4DujZ/55/ ดังนั้นช่องว่างภายในจะพูดว่า: 5 (10px / 2) ตลอดเวลาเมื่อฉันปรับขนาด ฉันสามารถทำได้ในLESSหรือไม่? ฉันรู้วิธีทำใน jQuery และ CSS ง่ายๆเช่นการเว้นระยะขอบหรืออื่น ๆ ... แต่ฉันจะพยายามทำงานในLESSด้วยcalc()

101 css  less  pixel 

ฉันมีตารางที่มีหลายแถวในเพจของฉัน ฉันต้องการกำหนดความสูงของตารางพูดเป็น 500px เช่นถ้าความสูงของโต๊ะใหญ่กว่านั้นแถบเลื่อนแนวตั้งจะปรากฏขึ้น ฉันพยายามใช้heightแอตทริบิวต์CSS tableแต่ไม่ได้ผล

101 css  css-tables 

ฉันมีliสไตล์ดังนี้: li{ display:inline-block; padding:5px; border:1px solid none; } li:hover{ border:1px solid #FC0; } เมื่อฉันวางเมาส์เหนือliเส้นขอบจะปรากฏขึ้นโดยไม่ต้องliเลื่อนไปรอบ ๆ เป็นไปได้ไหมที่จะมี 'เส้นขอบ' ที่มองไม่เห็น?

101 css  transparency  border-color 

หากมีอยู่ในการเขียนโปรแกรม) หากฉันมีรูปแบบ HTML ที่มีอินพุตต่อไปนี้: <input type="text" /> <input type="password" /> <input type="checkbox" /> ฉันต้องการใช้สไตล์กับอินพุตทั้งหมดที่เป็นtype="text"หรือtype="password". type != "checkbox"หรือฉันจะชำระทั้งหมดของการป้อนข้อมูลที่ ดูเหมือนว่าฉันต้องทำสิ่งนี้: input[type='text'], input[type='password'] { // my css } ไม่มีวิธีทำ: input[type='text',type='password'] { // my css } หรือ input[type!='checkbox'] { // my css } ฉันมองไปรอบ ๆ และดูเหมือนว่าจะไม่มีวิธีทำสิ่งนี้ด้วยตัวเลือก CSS เดียว ไม่ใช่เรื่องใหญ่ แต่ฉันเป็นแค่แมวขี้สงสัย ความคิดใด ๆ ?

101 html  css  css-selectors 

ตามที่กล่าวมาในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดขึ้นมาใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ฉันกำลังมองหาวิธีใช้SASS (Syntactically Awesome StyleSheets) จากแพ็คเกจ Ruby HAML ในสภาพแวดล้อม ASP.NET ตามหลักการแล้วฉันต้องการรวบรวมไฟล์ SASS ลงใน CSS เพื่อเป็นส่วนหนึ่งของกระบวนการสร้างที่ราบรื่น วิธีใดที่ดีที่สุดในการผสานรวมนี้ หรือมีเครื่องมือสร้าง CSS อื่น ๆ ที่เหมาะกับสภาพแวดล้อม. NET หรือไม่?

101 asp.net  css  sass 

ฉันมีรายการและแต่ละรายการเชื่อมโยงกันฉันสามารถสลับสีพื้นหลังสำหรับแต่ละรายการได้หรือไม่? <ul> <li><a href="link">Link 1</a></li> <li><a href="link">Link 2</a></li> <li><a href="link">Link 3</a></li> <li><a href="link">Link 4</a></li> <li><a href="link">Link 5</a></li> </ul>

101 html  css 

ฉันมีรหัสนี้อยู่ในเลขหน้า <div class="pagination"> <ul> <li><a href="?p=0" data-original-title="" title="">1</a></li> <li><a href="?p=1" data-original-title="" title="">2</a></li> </ul> </div> แต่ของฉันulอยู่ชิดซ้าย มีวิธีใดบ้างที่จะทำให้ulWRT อยู่ตรงกลางdiv? ฉันพยายามmargin: auto autoและmargin :0 autoพวกเขา แต่ไม่ได้ผล

101 html  twitter-bootstrap  css 

วิธีกำหนดเส้นขอบให้กับองค์ประกอบใด ๆ โดยใช้ css โดยไม่ต้องเพิ่มความกว้างของเส้นขอบให้กับความกว้างทั้งหมดขององค์ประกอบ เช่นเดียวกับใน Photoshop เราสามารถให้จังหวะได้ทั้งด้านในตรงกลางและด้านนอก ฉันคิดว่าคุณสมบัติเส้นขอบ css เริ่มต้นเป็นศูนย์กลางเหมือนศูนย์กลางใน photoshop ใช่ไหม ฉันต้องการให้เส้นขอบภายในกล่องไม่ใช่ด้านนอก และไม่ต้องการรวมความกว้างของขอบในความกว้างของกล่อง

101 css 

ฉันใช้ bootstrap และ Parse framework เพื่อสร้าง webapp ขนาดเล็ก แต่วิธีการ Bootstrap เหล่านั้นยังคงเพิ่มช่องว่างภายในให้กับร่างกายหลังจากปิดแล้ว วิธีแก้ปัญหานี้? ฉันพยายามใส่รหัสนี้ในจาวาสคริปต์ของฉัน: $('.modal').on('hide.bs.modal', function (e) { $("element.style").css("padding-right","0"); }); แต่มันไม่ได้ผล ไม่มีใครรู้วิธีแก้ไขปัญหานี้หรือไม่? รหัสของฉัน: <button type="button" class="btn btn-lg btn-default" data-toggle="modal" data-target="#loginModal">Admin panel</button> <div id="loginModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-sm"> <!-- Modal content --> <div class="modal-content"> <!-- header --> <div class="modal-header"> <button …

101 javascript  jquery  html  css  twitter-bootstrap 

ฉันกำลังแสดงจำนวนกล่องในแถวพร้อมกับความสูงและความกว้างที่กำหนดซึ่งสร้างจากแท็ก <li> ตอนนี้ฉันต้องจัดข้อความให้อยู่ตรงกลางแนวตั้ง CSS แนวตั้งไม่มีผลกระทบบางทีฉันอาจขาดอะไรไป ??? ฉันไม่ได้มองหาเทคนิคโดยใช้ (ระยะขอบช่องว่างความสูงของบรรทัด) สิ่งเหล่านี้จะใช้ไม่ได้เนื่องจากข้อความบางส่วนมีความยาวและจะแบ่งออกเป็นสองบรรทัด โปรดค้นหารหัสจริง: โค้ด CSS ul.catBlock{ width:960px; height: 270px; border:1px solid #ccc; } ul.catBlock li{ list-style: none; float:left; display:block; text-align: center; width:160px; height: 100px; } ul.catBlock li a{ display: block; padding: 30px 10px 5px 10px; height:60px; } รหัส HTML <ul class="catBlock"> <li><a href="#">IP …

101 html  css  vertical-alignment 

ตัวอย่างเช่นถ้าฉันมี HTML ต่อไปนี้: <div class="someDiv"></div> และ CSS นี้: .opacity { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } .radius { border-top-left-radius: 15px; border-top-right-radius: 5px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; } .someDiv { background: #000; height: 50px; width: 200px; /*** How can I reference the opacity and radius classes here so this div …

101 css