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

ถ้าฉันมีแท็กส่วนหัว <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } <p>stuff here</p>และหลังจากนั้นผมมีย่อหน้า ฉันจะแน่ใจได้อย่างไรว่าใช้ CSS ที่ทุก<p>แท็กที่ตามh1.hc-reformมาใช้:clear:both; จะเป็น: h1.hc-reform > p{ clear:both; } ด้วยเหตุผลบางอย่างที่ไม่ทำงาน

200 html  css  css-selectors  siblings 

ฉันกำลังพยายามปิดใช้งานแถบเลื่อน html / body ของผู้ปกครองในขณะที่ฉันกำลังใช้ Lightbox คำหลักที่นี่คือปิดการใช้งาน ฉันไม่ได้overflow: hidden;ต้องการที่จะซ่อนมันด้วย สาเหตุของสิ่งนี้คือoverflow: hiddenทำให้ไซต์กระโดดและใช้พื้นที่ในการเลื่อน ฉันต้องการทราบว่ามันเป็นไปได้ที่จะปิดการใช้งานแถบเลื่อนในขณะที่ยังคงแสดงมัน

200 javascript  jquery  html  css 

ฉันมีกระดาษห่อ Div ซึ่งมี 2 divs ติดกัน เหนือคอนเทนเนอร์นี้ฉันมี div ที่มีส่วนหัวของฉัน Div wrapper ต้อง 100% ลบความสูงของส่วนหัว ส่วนหัวประมาณ 60 px สิ่งนี้ได้รับการแก้ไขแล้ว ดังนั้นคำถามของฉันคือ: ฉันจะตั้งค่าความสูงของ wrapper ของฉันให้เป็น 100% ลบด้วย 60 px ได้อย่างไร <div id="header"></div> <div id="wrapper"> <div id="left"></div> <div id="right"></div> </div>

199 css  height 

ฉันรู้ว่าคุณสามารถเขียน ... background-color: #ff0000; ... ถ้าคุณต้องการบางอย่างที่เป็นสีแดง และคุณสามารถเขียน ... background-color: rgba(255, 0, 0, 0.5); ... ถ้าคุณต้องการบางอย่างสีแดงและโปร่งแสง มีวิธีสั้น ๆ ของการเขียนสีโปร่งใสบางส่วนในเลขฐานสิบหก? ฉันต้องการสิ่งที่ชอบ background-color: #ff000088; <--- the 88 is the alpha ... หรือ ... background-color: #ff0000 50%; ฉันได้สีทั้งหมดของฉันเป็นเลขฐานสิบหกและต้องแปลงมันทั้งหมดให้เป็นสเกลเลขฐานสิบ 0-255 นั้นน่ารำคาญ

199 css  colors  rgba 

ฉันลองทำสิ่งนี้: http://jsfiddle.net/ilyaD/KGcC3/ HTML: <select name="state" class="ddList"> <option value="">(please select a state)</option> <option class="lt" value="--">none</option> <option class="lt" value="AL">Alabama</option> <option class="lt" value="AK">Alaska</option> <option class="lt" value="AZ">Arizona</option> <option class="lt" value="AR">Arkansas</option> <option class="lt" value="CA">California</option> <option class="lt" value="CO">Colorado</option> </select> CSS: select { width: 400px; text-align: center; } select .lt { text-align: center; } อย่างที่คุณเห็นมันไม่ทำงาน มีวิธี CSS-only …

199 css 

สมมติว่าฉันมีตัวอย่าง HTML แบบนี้: <div style="width:300px;"> <label for="MyInput">label text</label> <input type="text" id="MyInput" /> </div> นี่ไม่ใช่รหัสที่แน่นอนของฉัน แต่สิ่งสำคัญคือมีป้ายกำกับและป้อนข้อความในบรรทัดเดียวกันในคอนเทนเนอร์ที่มีความกว้างคงที่ ฉันจะจัดรูปแบบอินพุตให้เติมความกว้างที่เหลือของภาชนะโดยไม่ต้องห่อและไม่ทราบขนาดของฉลากได้อย่างไร

199 html  css 

มีวิธีลบสีไฮเปอร์ลิงก์สีน้ำเงินเริ่มต้นจากหมายเลขโทรศัพท์เมื่อดูบน iPhone หรือไม่ ชอบที่จะเพิ่มแท็ก Mobile Safari หรือ CSS หรือไม่ ฉันมีสิ่งนี้ในจำนวนเท่านั้น: <p id="phone-text">Call us on <strong>+44 (0)20 7194 8000</strong></p> และไม่มีไฮเปอร์ลิงก์ แต่ iPhone ยังคงแสดงหมายเลขข้อความนี้เป็นการเชื่อมโยงหลายมิติ ฉันมีปัญหาการแสดงผลนี้ในบางเว็บไซต์ของฉัน แต่ไม่สามารถดูสาเหตุที่เกิดขึ้นได้ ฉันได้อ่านโพสต์นี้: หมายเลขการเรนเดอร์ HTML บนมือถือ แต่นั่นเป็นทางออกเดียวที่เป็นไปได้?

198 html  ios  css  mobile-safari 

ฉันเพิ่งติดตั้ง IE9 เบต้าและในบางเว็บไซต์ที่ฉันสร้างขึ้น (HTML5) IE9 ข้ามไปยังโหมดความเข้ากันได้เว้นแต่ว่าฉันจะไม่บอกด้วยตนเอง ฉันลองลบเว็บไซต์หลายส่วนแล้ว แต่ไม่มีการเปลี่ยนแปลง การรวมเอา CSS ทั้งหมดออก ในเว็บไซต์อื่น ๆ ของฉันมันก็ใช้ได้ นอกจากนี้อย่าตั้งค่าด้วยตนเองเพราะ IE9 จะจดจำการตั้งค่าของผู้ใช้และคุณไม่สามารถเปลี่ยนกลับเป็นอัตโนมัติได้ (หรืออย่างน้อยฉันก็ไม่พบวิธีแม้แต่ผ่านการเรียกดูแบบส่วนตัวและล้างแคช) อย่างไรก็ตาม. ไซต์ที่ข้ามไปยังโหมดความเข้ากันได้: http://alliancesatwar.com/guide/ เว็บไซต์ ที่แสดงผลถูกต้อง: http://geuze.name/basement/ (ฉันไม่สามารถโพสต์ลิงค์มากกว่า 1 รายการ) ทั้งใช้เหมือนกันdoctypeและทั้งหมด ไซต์เหล่านั้นมีจำนวนมากที่เหมือนกัน (นอกเหนือจากลักษณะที่ปรากฏ) โดยใช้เทมเพลตพื้นฐานเดียวกัน (การเข้ารหัสเมตาแท็กประเภทของ Doctype และจาวาสคริปต์เดียวกัน) มันจะดีถ้ามีใครตอบฉัน! เว็บไซต์ HTML5 ที่แสดงผลในโหมด IE7 นั้นค่อนข้าง ... lame

197 html  css  internet-explorer-9  compatibility-mode 

ฉันเพิ่งสังเกตเห็นว่าถ้าคุณให้ความกว้างคงที่ของปุ่ม HTML ข้อความในปุ่มนั้นจะไม่ถูกพันทับ ฉันลองด้วยการตัดคำ แต่ตัดคำแม้ว่าจะมีช่องว่างที่จะห่อ ฉันจะทำให้ข้อความของปุ่ม HTML ด้วยการตัดความกว้างคงที่เช่นเดียวกับ tablecell ได้อย่างไร? <td class="category_column"> <input type="submit" name="ctl00$ContentPlaceHolder1$DataList1$ctl12$ProCat_NameButton" value="Roos Sturingen / Sensors" id="ctl00_ContentPlaceHolder1_DataList1_ctl12_ProCat_NameButton" class="outset" style="height:118px;width:200px;font-size:18px;color:#7F7F7F;width:200px;white-space:pre;" /> </td> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล คลาส CSS ไม่ได้ทำอะไรนอกจากการเพิ่มเส้นขอบและแก้ไขการเติมเต็ม ถ้าฉันเพิ่มword-wrap:break-wordปุ่มนี้มันจะปิดมันแบบนี้: Roos Sturingen / Sen sors และฉันไม่ต้องการให้มันตัดคำกลางคำถ้าเป็นไปได้ที่จะตัดมันออกระหว่างคำ

197 html  css  button  word-wrap 

ฉันมีเว็บไซต์ (g-floors.eu) และฉันต้องการสร้างพื้นหลัง (ใน css ฉันได้กำหนด bg-image สำหรับเนื้อหา) เช่นกัน น่าเสียดายที่ฉันไม่มีความคิดเกี่ยวกับวิธีการทำสิ่งนี้ยกเว้นสิ่งหนึ่งที่ฉันสามารถคิดได้ แต่มันก็เป็นวิธีแก้ปัญหา การสร้างภาพหลายภาพจากนั้นใช้ขนาดหน้าจอ css เพื่อเปลี่ยนภาพ แต่ฉันอยากรู้ว่ามีวิธีการปฏิบัติมากขึ้นเพื่อให้บรรลุนี้ โดยทั่วไปสิ่งที่ฉันต้องการบรรลุคือภาพ (พร้อมลายน้ำ 'G') จะปรับขนาดโดยอัตโนมัติโดยไม่แสดงภาพน้อยลง ถ้าเป็นไปได้แน่นอน ลิงก์: g-floors.eu รหัสที่ฉันมีจนถึงตอนนี้ (ส่วนเนื้อหา) #content { background-image: url('../images/bg.png'); background-repeat: no-repeat; position: relative; width: 85%; height: 610px; margin-left: auto; margin-right: auto; }

197 css  responsive-design  background-image  image-resizing 

ตรงข้ามคือvisibility: hidden visibility: visibleในทำนองเดียวกันมีสิ่งใดที่ตรงกันข้ามdisplay: noneหรือ? หลายคนสับสนในการหาวิธีแสดงองค์ประกอบเมื่อมีdisplay: noneเนื่องจากไม่ชัดเจนเท่ากับการใช้visibilityคุณสมบัติ ฉันสามารถใช้visibility: hiddenแทนได้display: noneแต่มันไม่ได้ให้ผลเหมือนกันดังนั้นฉันจึงไม่ไปด้วย

197 css 

ฉันมีสีฐานสิบหกเช่น#F4F8FB(หรือrgb(244, 248, 251)) ที่ฉันต้องการแปลงเป็นสี rgba ที่โปร่งใสที่สุดเท่าที่เป็นไปได้ (เมื่อแสดงเหนือสีขาว) ทำให้รู้สึก? ฉันกำลังมองหาอัลกอริทึมหรืออย่างน้อยก็คิดเกี่ยวกับอัลกอริทึมสำหรับวิธีการทำเช่นนั้น ตัวอย่างเช่น: rgb( 128, 128, 255 ) --> rgba( 0, 0, 255, .5 ) rgb( 152, 177, 202 ) --> rgba( 50, 100, 150, .5 ) // can be better(lower alpha) ไอเดีย? โซลูชัน FYI ตามคำตอบของ Guffa: function RGBtoRGBA(r, g, b){ if((g == …

196 javascript  colors  css  rgba 

ตรงนี้มันค่อนข้างตรงไปตรงมา หากเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome แสดงให้ฉันเห็นว่าสไตล์นั้นถูกเขียนทับวิธีการดูกฎ CSS ที่เอาชนะมันได้อย่างไร ฉันต้องการที่จะทราบว่าจะมีอะไรที่เหมือน"แสดงให้ฉันเห็นสิ่งนี้แทนที่" OBS: ได้ โปรดอย่าชี้ให้ฉันไปที่ Firebug

196 css  google-chrome  developer-tools  inspector 

<html> <body> <style type="text/css"> p.first {color:blue} p.second {color:green} </style> <p class="first">Hello World</p> <p class="second">Hello World</p> <style type="text/css"> p.first {color:green} p.second {color:blue} </style> <p class="first">Hello World</p> <p class="second">Hello World</p> </body> </html> เบราว์เซอร์ควรแสดง css ที่ไม่ต่อเนื่องอย่างไร มันควรจะสร้างโครงสร้างข้อมูลบางอย่างโดยใช้สไตล์ CSS ทั้งหมดในหน้าและใช้สำหรับการแสดงผล? หรือแสดงโดยใช้ข้อมูลสไตล์ตามลำดับที่เห็น

196 html  css 

ฉันมีแถบนำทางที่ด้านซ้ายของหน้าของฉันและฉันต้องการให้มันยืดได้ถึง 100% ของความสูงของหน้า ไม่ใช่แค่ความสูงของวิวพอร์ต แต่รวมถึงพื้นที่ที่ซ่อนไว้จนกว่าคุณจะเลื่อน ฉันไม่ต้องการใช้จาวาสคริปต์เพื่อทำสิ่งนี้ให้สำเร็จ มันสามารถทำได้ใน HTML / CSS?

196 css  height  max  stretch