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

ระบุต่อไปนี้ฉันจะสร้างขนาดอัตโนมัติของคอลัมน์สุดท้ายให้เป็นเนื้อหาได้อย่างไร (คอลัมน์สุดท้ายควรปรับขนาดความกว้างอัตโนมัติให้กับเนื้อหาสมมติว่าฉันมีองค์ประกอบ Li เพียง 1 ชิ้นเท่านั้นที่ควรลดขนาดเทียบกับการมี 3 องค์ประกอบ li เป็นต้น): <table cellspacing="0" cellpadding="0" border="0"> <thead><!-- universal table heading --> <tr> <td class="tc first"><input type="checkbox" value="true" name="data-1-check-all" id="data-1-check-all"></td> <td class="tc">Type</td> <th>File</th> <th>Sample</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td>Division 1</td> <td>Division 2</td> <td>Division 3</td> <td>Division 4</td> <td>Division 5</td> </tr> <tr> <td>Division 1</td> …

103 html  xhtml  css 

คุณวางฟอนต์ไว้ที่ไหนเพื่อให้ CSS เข้าถึงได้? ฉันใช้แบบอักษรที่ไม่ได้มาตรฐานสำหรับเบราว์เซอร์ในไฟล์. woff สมมติว่า "ฟอนต์น่ากลัว" เก็บไว้ในไฟล์ "awesome-font.woff"

103 html  css  fonts  woff 

ฉันมีกราฟิก SVG หลายรายการที่ฉันต้องการแก้ไขสีผ่านสไตล์ชีตภายนอกไม่ใช่ในไฟล์ SVG แต่ละไฟล์โดยตรง ฉันไม่ได้วางกราฟิกไว้ในบรรทัด แต่เก็บไว้ในโฟลเดอร์รูปภาพของฉันและชี้ไปที่พวกเขา ฉันได้ติดตั้งด้วยวิธีนี้เพื่อให้คำแนะนำเครื่องมือทำงานได้และฉันยังรวมแต่ละ<a>แท็กเพื่อให้มีลิงก์ <a href='http://youtube.com/...' target='_blank'><img class='socIcon' src='images/socYouTube.svg' title='View my videos on YouTube' alt='YouTube' /></a> และนี่คือรหัสของกราฟิก SVG: <?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet href="stylesheets/main.css" type="text/css"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56.69 56.69"> <g> <path d="M28.44......./> </g> </svg> ฉันใส่สิ่งต่อไปนี้ในไฟล์ …

103 html  css  svg  stylesheet  external 

เป็นไปได้หรือไม่ที่ CSS จะใช้คุณสมบัติภายใน @page เพื่อบอกว่าส่วนหัวตาราง (th) ควรซ้ำกันในทุกหน้าหากตารางกระจายไปหลายหน้า

103 css  css-tables 

<table> <tr> <td>Test</td> <td>A long string blah blah blah</td> </tr> </table> <style> td{max-width:67%;} </style> ข้างต้นไม่ทำงาน ฉันจะตั้งค่าความกว้างสูงสุดของเซลล์ตารางโดยใช้เปอร์เซ็นต์ได้อย่างไร

103 html  css  html-table 

ฉันต้องการให้สีพื้นหลังของ svg textคล้ายกับbackground-colorใน css ฉันพบเฉพาะเอกสารประกอบfillซึ่งเป็นสีของข้อความเอง เป็นไปได้หรือไม่?

103 css  svg  background-color 

ฉันมี DIV สองตัวที่ฉันต้องการวางตำแหน่งบนของกันและกัน อย่างไรก็ตามเมื่อฉันทำเช่นนั้นการจัดรูปแบบจะทำให้เสียหายทั้งหมดเนื่องจาก DIV ที่มีอยู่ทำหน้าที่เหมือนไม่มีความสูง ฉันคิดว่านี่เป็นพฤติกรรมที่คาดหวังposition:absoluteแต่ฉันต้องหาวิธีจัดวางองค์ประกอบทั้งสองนี้ไว้ด้านบนของกันและกันและให้คอนเทนเนอร์ยืดออกเมื่อเนื้อหายืดออก: ขอบด้านซ้ายบนของ.layer2ควรชิดขอบซ้ายบนของlayer1 <!-- HTML --> <div class="container_row"> <div class="layer1"> Lorem ipsum... </div> <div class="layer2"> More lorem ipsum... </div> </div> <div class="container_row"> ...same HTML as above. This one should never overlap the .container_row above. </div> /* CSS */ .container_row {} .layer1 { position:absolute; z-index: 1; …

103 css 

ฉันค่อนข้างใหม่กับ CSS3 และฉันต้องการที่จะทำสิ่งต่อไปนี้: เมื่อฉันเพิ่มคลาสเข้าไปในองค์ประกอบมันจะแทนที่คุณสมบัติของคลาสอื่นที่ใช้ในองค์ประกอบเฉพาะนี้ สมมุติว่ามี <a class="left carousel-control" href="#carousel" data-slide="prev"> ฉันต้องการที่จะสามารถที่จะเพิ่มระดับที่เรียกว่ากว่าจะแทนที่พื้นหลังเริ่มต้นในชั้นเรียนbakground-noneleft ขอบคุณ!

103 css  class  overriding 

ฉันต้องการเพิ่มข้อความป๊อปอัปเช่นเดียวกับที่ปรากฏใน Stack Overflow เมื่อฉันไม่ได้เข้าสู่ระบบและฉันพยายามใช้ปุ่มลงคะแนน วิธีที่ดีที่สุดในการบรรลุเป้าหมายคืออะไร? ทำโดยใช้ไลบรารี jquery หรือไม่?

102 javascript  jquery  html  css 

มีวิธีใช้ Sass หรือ Compass หรืออะไรทำนองนั้นโดยไม่มี Ruby หรือไม่? ฉันมองหาทั่ว Google และไซต์นี้ แต่ไม่พบอะไรเลยขอความช่วยเหลือใด ๆ ขอบคุณ

102 css  sass  compass-sass 

โอเคฉันมีปัญหาการจัดวางง่ายๆเมื่อหนึ่งหรือสองสัปดาห์ก่อน ส่วนต่างๆของหน้าที่ต้องการส่วนหัว: +---------------------------------------------------------+ | Title Button | +---------------------------------------------------------+ สิ่งที่ค่อนข้างเรียบง่าย สิ่งนี้คือความเกลียดชังตารางดูเหมือนจะถูกครอบงำในโลกของเว็บซึ่งฉันได้รับการเตือนเมื่อถามว่าทำไมต้องใช้แท็กรายการคำจำกัดความ (DL, DD, DT) สำหรับรูปแบบ HTML แทนตาราง ตอนนี้หัวข้อทั่วไปของตารางเทียบกับ divs / CSS ได้รับการกล่าวถึงก่อนหน้านี้เช่น: DIV เทียบกับตาราง ; และ ตารางแทน DIVs ดังนั้นนี่จึงไม่ได้มีไว้เพื่อการสนทนาทั่วไปเกี่ยวกับ CSS เทียบกับตารางสำหรับเลย์เอาต์ นี่เป็นเพียงวิธีแก้ปัญหาเดียว ฉันลองใช้วิธีแก้ปัญหาต่างๆข้างต้นโดยใช้ CSS ได้แก่ : ลอยไปทางขวาสำหรับปุ่มหรือ div ที่มีปุ่ม ตำแหน่งที่สัมพันธ์กันสำหรับปุ่ม และ ตำแหน่งสัมพัทธ์ + ค่าสัมบูรณ์ ไม่มีวิธีแก้ปัญหาใดที่น่าพอใจด้วยเหตุผลที่แตกต่างกัน ตัวอย่างเช่นการวางตำแหน่งสัมพัทธ์ทำให้เกิดปัญหาดัชนี z ที่เมนูแบบเลื่อนลงของฉันปรากฏขึ้นใต้เนื้อหา ดังนั้นฉันจึงกลับไปที่: <style type="text/css"> …

102 html  css  layout 

ฉันมี div ชั้นนอกและ div ชั้นใน ฉันต้องวาง div ด้านในไว้ที่ด้านล่างของด้านนอก div ด้านนอกยืดหยุ่นได้ (เช่นความกว้าง 70%) ฉันต้องจัดกึ่งกลางบล็อกด้านในด้วย รูปแบบการแต่งหน้าที่อธิบายไว้อย่างง่ายแสดงอยู่ในภาพด้านล่าง:

102 html  css  layout 

หมายเหตุ: คำถามนี้ไม่เกี่ยวกับการทำรายการแบบเลื่อนลงที่กำหนดเอง เป็นเพียงความเป็นไปได้ของ<option>องค์ประกอบสไตล์ภายในองค์ประกอบที่เลือกใน CSS ฉันจะจัดรูปแบบ<option>ของ<select>องค์ประกอบที่เข้ากันได้กับข้ามเบราว์เซอร์ได้อย่างไร ฉันรู้จัก JavaScript หลายวิธีที่ปรับแต่งดรอปดาวน์เพื่อแปลงเป็น<li>ซึ่งฉันไม่ได้ถามถึง <select class="select"> <option selected>Select</option> <option>Blue</option> <option >Red</option> <option>Green</option> <option>Yellow</option> <option>Brown</option> </select> ฉันกำลังถามว่าจะเป็นไปได้อย่างไรกับ CSS เท่านั้นโดยเข้ากันได้กับ IE9 +, Firefox และ Chrome ฉันต้องการสไตล์แบบนี้หรือใกล้เคียงที่สุด ฉันลองที่นี่http://jsfiddle.net/jitendravyas/juwz3/3/แต่ Chrome ไม่แสดงสไตล์ใด ๆ ยกเว้นสีแบบอักษรในขณะที่ Firefox แสดงเพิ่มเติม วิธีทำให้เส้นขอบและช่องว่างภายในทำงานใน Chrome ด้วย

102 css  html-select 

นี่อาจฟังดูเป็นคำถามโง่ ๆ ถ้าฉันใช้ตัวอย่าง CSS นี้สำหรับการแสดงผลปกติ ( box-bg.png200px คูณ 200px อยู่ที่ไหน); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } และถ้าฉันใช้แบบสอบถามสื่อเช่นนี้เพื่อกำหนดเป้าหมายการแสดงเรตินา (โดยที่ภาพ @ 2x เป็นเวอร์ชันความละเอียดสูง) @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .box{background:url('images/box-bg@2x.png') no-repeat top left;} } ฉันต้องเพิ่มขนาด.boxdiv เป็นสองเท่าเป็น400px คูณ 400px เพื่อให้ตรงกับภาพพื้นหลังความละเอียดสูงใหม่หรือไม่

102 css  responsive-design  media-queries 

คำถามพูดได้ทั้งหมด ตัวอย่างเช่นถ้าฉันใช้Twitter Bootstrapฉันสามารถกำหนดคลาสในสไตล์ชีต SASS ของตัวเองที่สืบทอดมาจากคลาส CSS ของ Bootstrap ได้หรือไม่ หรือการสืบทอดใน SASS ทำงานได้ภายในขอบเขตของไฟล์เดียวเท่านั้น?

102 css  inheritance  stylesheet  sass