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

ฉันกำลังมองหาวิธีดำเนินการต่อไปนี้ ฉันเพิ่ม<div>ไปยังเพจและ ajax callback ส่งคืนค่าบางอย่าง <div>เต็มไปด้วยค่าจากการเรียกอาแจ็กซ์และ<div>จะใช้ได้แล้วไปยังอีก<div>ซึ่งทำหน้าที่เป็นคอลัมน์ของตาราง ฉันต้องการดึงดูดความสนใจของผู้ใช้เพื่อแสดงให้เธอ / เขาเห็นว่ามีอะไรใหม่ ๆ ในหน้านี้ ฉันต้องการ<div>ให้กะพริบไม่ใช่แสดง / ซ่อน แต่เพื่อไฮไลต์ / ยกเลิกไฮไลต์ในบางครั้งสมมติว่า 5 วินาที ฉันดูที่ปลั๊กอินกะพริบ แต่เท่าที่ฉันเห็นมันแสดง / ซ่อนในองค์ประกอบเท่านั้น Btw การแก้ปัญหาจะต้องข้ามเบราว์เซอร์และใช่ IE รวมอยู่ด้วย ฉันอาจจะต้องแฮ็คเล็กน้อยเพื่อให้มันทำงานใน IE แต่โดยรวมแล้วมันต้องใช้งานได้

88 javascript  jquery  css  highlight  effects 

รหัสอยู่ที่นี่: http://lasers.org.ru/vs/example.html จะลบพื้นที่ว่างในบล็อกหลัก (#page) ได้อย่างไร?

88 css 

ฉันใช้ตัวนับและขอบเขตที่ซ้อนกันเพื่อสร้างรายการสั่งซื้อ: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> <li>four</li> </ol> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ฉันคาดหวังผลลัพธ์ต่อไปนี้: 1. one 2. two 2.1. two.one …

88 html  css  html-lists 

ฉันใช้ twitter bootstrap และมีแถวที่มีสองคอลัมน์ (span6) ฉันจะสร้างตัวแบ่งแนวตั้งระหว่างทั้งสองช่วงได้อย่างไร ขอบคุณ Murtaza

88 html  css  twitter-bootstrap 

ฉันเคยเห็นสัญกรณ์นี้ใช้กันมากและฉันก็สงสัยว่ามีความแตกต่างที่น่าสังเกตระหว่างสัญลักษณ์ทั้งสองนี้หรือไม่? element#id { property: 0; } และ element#id { property: 0px; } ฉันใช้property: 0px;ตลอดเวลาเพราะฉันพบว่ามันดูสะอาดขึ้น แต่ฉันไม่แน่ใจจริงๆว่าเบราว์เซอร์ตีความ0pxแตกต่างจาก0. ไม่มีใครรู้ว่าอันไหนดีกว่าหรือถูกต้อง

88 css  properties  zero 

ฉันมีคลาสไอเท็มและคลาส "ตัวปรับแต่ง" ขนาดกะทัดรัด: .item { ... } .item.compact { /* styles to make .item smaller */ } แค่นี้ก็เรียบร้อย อย่างไรก็ตามฉันต้องการเพิ่ม@mediaคำค้นหาที่บังคับให้.itemชั้นเรียนมีขนาดกะทัดรัดเมื่อหน้าจอมีขนาดเล็กพอ ในความคิดแรกนี่คือสิ่งที่ฉันพยายามทำ: .item { ... } .item.compact { ... } @media (max-width: 600px) { .item { @extend .item.compact; } } แต่สิ่งนี้ทำให้เกิดข้อผิดพลาดต่อไปนี้: คุณไม่สามารถ @ ขยายตัวเลือกภายนอกจากภายใน @media คุณสามารถเลือก @extend ได้เฉพาะในคำสั่งเดียวกันเท่านั้น ฉันจะทำสิ่งนี้ให้สำเร็จโดยใช้ SASS โดยไม่ต้องหันไปคัดลอก / …

88 css  sass  media-queries 

ฉันกำลังพัฒนาเว็บไซต์โดยใช้ซอร์สโค้ด Wordpress ผ่าน XAMPP บางครั้งฉันเปลี่ยนโค้ด CSS, scrips หรืออย่างอื่นและฉันสังเกตว่าเบราว์เซอร์ของฉันต้องใช้เวลาในการปรับเปลี่ยน สิ่งนี้ทำให้ฉันต้องใช้เบราว์เซอร์หลายตัวเพื่อรีเฟรชและหากไม่ใช้รูปแบบใหม่ฉันลองใช้รูปแบบที่สองและเป็นแบบนี้เสมอ มีวิธีหลีกเลี่ยงปัญหานี้หรือไม่? บางครั้งฉันเปลี่ยนรหัสโดยไม่ได้แจ้งให้ทราบถึงการแก้ไขก่อนหน้านี้

88 javascript  css  browser  xampp 

ฉันมีปัญหากับปุ่มแบบเลื่อนลงในตารางเมื่อมีการตอบสนองและเลื่อนใช้งานอยู่เนื่องจากไม่สามารถมองเห็นดรอปดาวน์ได้เนื่องจากoverflow: auto;คุณสมบัติ ฉันจะแก้ไขได้อย่างไรเพื่อแสดงตัวเลือกแบบเลื่อนลงของปุ่มเมื่อสิ่งนี้ถูกยุบ ฉันสามารถใช้ jQuery ได้บ้าง แต่หลังจากที่ฉันมีปัญหาในการเลื่อนไปทางซ้าย - ขวาฉันจึงตัดสินใจหาวิธีอื่น ฉันได้แนบรูปถ่ายเพื่อความเข้าใจที่ดีขึ้น นี่คือซอ js ขนาดเล็ก:

88 javascript  jquery  css  twitter-bootstrap  overflow 

ฉันมีกล่องส่วนหัวซึ่งรวมถึงเส้นขอบและช่องว่างภายในและสีพื้นหลังสำหรับกล่องนั้นฉันสามารถเปลี่ยนสีพื้นหลังเฉพาะบริเวณเบาะหลังเส้นขอบแล้วใช้สีพื้นหลังเดียวกันกับส่วนที่เหลือของความกว้าง (เช่นสีเทาในรหัสที่กำหนด) เหรอ? เพียงแค่บีบรหัสที่ฉันต้องการสีพื้นหลังเบาะ: nav { margin:0px auto; width:100%; height:50px; background-color:grey; float:left; padding:10px; border:2px solid red; }

88 css 

ซึ่งจะเลือก<B>แท็กทั้งหมดที่นำหน้าด้วย<A>แท็ก: A+B { /* styling */ } ตัวเลือกสำหรับ<A>แท็กทั้งหมดตามด้วย<B>แท็กโดยตรงคืออะไร นี่คือตัวอย่าง HTML ที่เหมาะกับคำถามของฉัน: <a>some text</a> <b>some text</b>

88 css  css-selectors 

ฉันแน่ใจว่าเคยถามปัญหานี้มาก่อน แต่ดูเหมือนจะหาคำตอบไม่ได้ ฉันมีมาร์กอัปต่อไปนี้: <div id="foo"> <div id="bar"> here be dragons </div> </div> ความปรารถนาของฉันคือทำให้ foo มีความกว้างของ600px( width: 600px;) และทำให้บาร์มีพฤติกรรมดังต่อไปนี้: padding-left: 2px; padding-right: 2px; margin-left: 2px; margin-right: 2px; outerWidth: 100%; ในคำอื่น ๆ แทนการตั้งค่าความกว้างของแถบ592pxฉันต้องการที่จะกำหนดความกว้างของด้านนอกของบาร์เพื่อให้มีการคำนวณ100% 592pxความสำคัญตรงนี้คือฉันสามารถเปลี่ยนความกว้างของ foo เป็น800pxและแถบจะคำนวณเมื่อแสดงผลแทนที่จะต้องคำนวณทางคณิตศาสตร์สำหรับอินสแตนซ์ทั้งหมดเหล่านี้ด้วยตนเอง เป็นไปได้ใน CSS บริสุทธิ์หรือไม่? สนุกกับมันมากขึ้น: ถ้า#barเป็นตารางล่ะ? ถ้า#bartextarea คืออะไร? ถ้า#barอินพุตคืออะไร? เกิดอะไรขึ้นถ้า#fooเซลล์ตาราง ( td)? (สิ่งนี้เปลี่ยนปัญหาหรือปัญหาเหมือนกันหรือไม่) จนถึงขณะtable#barนี้input#barมีการพูดคุยกัน ฉันไม่เห็นทางออกที่ดีสำหรับ textarea # …

88 css 

ฉันต้องการทำให้โค้ดต่อไปนี้ยืดได้ด้วยความสูงที่กำหนดไว้ล่วงหน้า <style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span> แต่เนื่องจากspanเป็นองค์ประกอบแบบอินไลน์คุณสมบัติ "height" จะไม่ทำงาน ฉันลองใช้divแทน แต่มันจะขยายไปจนถึงความกว้างขององค์ประกอบด้านบน และความกว้างควรมีความยืดหยุ่น ใครสามารถแนะนำทางออกที่ดีสำหรับสิ่งนี้ได้บ้าง? ขอบคุณล่วงหน้า.

88 css  height  html 

Наэтотвопросестьответына Stack Overflow нарусском : Div. Занятьоставшеесяместо ฉันจะสร้าง div เติมความกว้างที่เหลือได้อย่างไร <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div id="div2"></div> <div id="div3" style="width: 100px; float: right;"></div> </div> ฉันdiv2จะเติมส่วนที่เหลือได้อย่างไร?

88 html  css 

ฉันต้องการการแจ้งเตือนสไตล์ facebook แต่การได้รับสิ่งที่ดูดีข้ามเบราว์เซอร์ดูเหมือนจะยุ่งยาก ตัวอย่างเช่นเบราว์เซอร์ที่แตกต่างกันดูเหมือนจะปฏิบัติต่อการพายเรือแตกต่างกันส่งผลให้การแจ้งเตือนดูแปลก ๆ วิธีใดเป็นวิธีการข้ามเบราว์เซอร์ที่ดีที่สุดในการทำให้การแจ้งเตือนปรากฏขึ้นอย่างสวยงาม ไม่เลวร้ายต่อการใช้จาวาสคริปต์ แต่แน่นอนว่าควรใช้ css บริสุทธิ์

88 javascript  html  css  user-interface  user-experience 

<html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> <table> <tbody> <tr> <td> <h2>Lorem Ipsum</h2> <p>Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. …

88 html  css  html-table  row  padding