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

ปิด. คำถามนี้ต้องการรายละเอียดการแก้จุดบกพร่อง ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดเมื่อปีที่แล้ว ปรับปรุงคำถามนี้ ตกลงด้วยเหตุผลบางอย่างที่หน้าเว็บของฉันเลื่อนจากซ้ายไปขวาและแสดงพื้นที่ที่น่าเกลียดมาก ฉันค้นหาผลลัพธ์ แต่พวกเขาเพิ่งทำแถบเลื่อนHIDDEN ตอนนี้เป็นสิ่งที่ฉันต้องการฉันต้องการปิดใช้งานคุณสมบัติการเลื่อนในแนวนอน ฉันไม่ต้องการให้ผู้ใช้สามารถเลื่อนจากซ้ายไปขวาบนหน้าของฉันเพียงแค่เลื่อนขึ้นและลง! ฉันลองแล้ว: overflow-x:hiddenใน css บนhtmlแท็กของฉันแต่มันทำให้แถบเลื่อนถูกซ่อนและไม่ได้ปิดการใช้งานการเลื่อน โปรดช่วยฉันด้วย! นี่คือลิงค์ไปยังหน้า: http://www.green-panda.com/usd309bands/ (ลิงค์เสีย) นี่อาจทำให้คุณมีความคิดที่ดีขึ้นเกี่ยวกับสิ่งที่ฉันกำลังพูดถึง นี่คือเมื่อหน้าแรกโหลด: และนี่คือหลังจากที่ฉันเลื่อนไปทางขวา:

180 html  css 

เป็นไปได้หรือไม่ที่จะปิดการใช้งานเขตข้อมูลฟอร์มโดยใช้ CSS? แน่นอนฉันรู้เกี่ยวกับคุณลักษณะที่ปิดใช้งาน แต่มันเป็นไปได้ที่จะระบุสิ่งนี้ในกฎ CSS? สิ่งที่ต้องการ - <input type="text" name="username" value="admin" > <style type="text/css"> input[name=username] { disabled: true; /* Does not work */ } </style> เหตุผลที่ฉันถามก็คือฉันมีแอปพลิเคชันที่มีเขตข้อมูลแบบอัตโนมัติและฟิลด์ถูกซ่อน / แสดงตามกฎบางอย่าง (ซึ่งทำงานใน Javascript) ตอนนี้ฉันต้องการขยายเพื่อรองรับการปิด / เปิดใช้งานเขตข้อมูล แต่วิธีการเขียนกฎเพื่อจัดการคุณสมบัติสไตล์ของเขตข้อมูลฟอร์มโดยตรง ดังนั้นตอนนี้ฉันต้องขยายเครื่องมือกฎเพื่อเปลี่ยนคุณสมบัติรวมถึงสไตล์ของเขตข้อมูลฟอร์มและอย่างใดก็ดูเหมือนน้อยกว่าอุดมคติ เป็นเรื่องแปลกมากที่คุณมองเห็นและแสดงคุณสมบัติใน CSS แต่ไม่เปิด / ปิดการใช้งาน มีอะไรที่เหมือนในมาตรฐาน HTML5 ที่ยังทำงานไม่ได้หรือแม้แต่บางอย่างที่ไม่ได้มาตรฐาน (เฉพาะเบราว์เซอร์)?

180 html  css 

นี่คือกระบวนการของฉันตอนนี้: บันทึกการเปลี่ยนแปลงเพื่อ print.css เปิดหน้าเบราว์เซอร์และรีเฟรช คลิกขวาและเลือกพิมพ์> ตัวอย่างก่อนพิมพ์ (Firefox แต่เบราว์เซอร์ใด ๆ จริงๆ) เป็นขั้นตอนที่ 3 ที่ทำให้ฉันสับสนและฉันสงสัยว่ามันเป็นไปได้ที่จะตัดมันออกจากกระบวนการด้วยปลั๊กอินหรืออะไรบางอย่าง เพียงเลือกที่จะดูหน้าเป็นสื่อสิ่งพิมพ์จากนั้นเพียงรีเฟรชเพื่อดูการเปลี่ยนแปลง คุณจะทดสอบสไตล์การพิมพ์ของคุณได้อย่างไร คุณคลิกตัวอย่างก่อนพิมพ์หลังจากรีเฟรชหรือไม่

179 css  firefox 

ตกลงดังนั้นสิ่งที่ฉันต้องการค่อนข้างตรงไปตรงมา ฉันได้ตั้งค่าแถบนำทางพร้อมกับเมนูแบบเลื่อนลงบางรายการ (ใช้class="dropdown-toggle" data-toggle="dropdown") และใช้งานได้ดี มันใช้งานได้ " onClick" ในขณะที่ฉันต้องการถ้ามันใช้งานได้ " onHover" มีวิธีใดในการทำเช่นนี้?

179 javascript  jquery  html  css  twitter-bootstrap 

CSS ใดที่จำเป็นในการทำให้แถบเลื่อนแนวตั้งของเบราว์เซอร์ยังคงปรากฏให้เห็นเมื่อผู้ใช้เยี่ยมชมหน้าเว็บ (เมื่อหน้ามีเนื้อหาไม่เพียงพอที่จะเปิดใช้งานแถบเลื่อน)

179 html  css  xhtml 

สิ่งที่ฉันพยายามทำคือการแสดงทั้งสองbackground-colorและbackground-imageครึ่งหนึ่งของฉันdivจะครอบคลุมภาพพื้นหลังเงาที่เหมาะสมและส่วนที่เหลืออีกส่วนจะครอบคลุมสีพื้นหลัง แต่เมื่อฉันใช้background-imageสีจะหายไป

179 css 

ฉันต้องการสร้างสไตล์ DIV ของคอนเทนเนอร์ที่มีหลาย DIV อื่น ๆ มีการถามว่า DIV เหล่านี้จะไม่ห่อหากหน้าต่างเบราว์เซอร์มีการปรับขนาดให้แคบ ฉันพยายามทำให้มันทำงานเหมือนด้านล่าง <style> .container { min-width: 3000px; overflow: hidden; } .slide { float: left; } </style> <div class="container"> <div class="slide">something</div> <div class="slide">something</div> <div class="slide">something</div> <div class="slide">something</div> </div> วิธีนี้ใช้ได้ผลในกรณีส่วนใหญ่ อย่างไรก็ตามในบางกรณีการแสดงผลไม่ถูกต้อง ฉันพบว่าคอนเทนเนอร์ DIV เปลี่ยนเป็นความกว้าง 3000px ใน RTL ของ IE7; และมันก็ยุ่งเหยิงไปหมด มีวิธีอื่นในการทำ DIV ของคอนเทนเนอร์หรือไม่?

179 html  css  word-wrap  nowrap 

ฉันต้องทำให้พื้นหลังสีขาวโปร่งใส 50% โดยไม่กระทบสิ่งอื่นใด ฉันต้องทำอย่างไร?

179 css 

ฉันกำลังพยายามสร้างหน้าง่าย ๆ ด้วย CSS Grid สิ่งที่ฉันไม่สามารถทำได้คือวางข้อความไว้ที่กึ่งกลางจาก HTML ไปยังเซลล์กริดที่เกี่ยวข้อง ฉันได้ลองวางเนื้อหาในแยกdivของทั้งด้านในและด้านนอกของleft_bgและright_bgตัวเลือกและเล่นกับคุณสมบัติ CSS บางอย่างเพื่อประโยชน์ ฉันจะทำสิ่งนี้ได้อย่างไร html, body { margin: 0; padding: 0; } .container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 100vh; grid-gap: 0px 0px; } .left_bg { display: subgrid; background-color: #3498db; grid-column: 1 / 1; grid-row: 1 / 1; z-index: 0; } …

179 html  css  centering  css-grid 

IE8 ไม่รองรับการสืบค้นสื่อ CSS ต่อไปนี้หรือไม่: @import url("desktop.css") screen and (min-width: 768px); หากไม่เป็นเช่นนั้นวิธีอื่นในการเขียนคืออะไร? การทำงานเช่นเดียวกันนั้นใช้ได้ใน Firefox ปัญหาใด ๆ กับรหัสด้านล่าง? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

178 html  css  responsive-design  internet-explorer-8  media-queries 

ฉันจะลบช่องว่างพิเศษระหว่างแถวและคอลัมน์ในตารางได้อย่างไร ฉันได้ลองเปลี่ยนมาร์จิ้นการแพ็ดดิ้งและคุณสมบัติเส้นขอบต่างๆบนโต๊ะและ tr และ td ฉันต้องการให้ภาพทั้งหมดอยู่ติดกันเพื่อให้ดูเหมือนภาพใหญ่หนึ่งภาพ ฉันจะแก้ไขได้อย่างไร CSS table { border-collapse: collapse; } HTML <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Tera Byte Video Game Creation Camp</title> <link rel="stylesheet" type="text/css" href="style.css"></link> </head> <body> <table class="mytable" align="center"> <tr class="header"> <td colspan="3"><img src="images/home_01.png" …

178 html  css  html-table 

สไตล์ใดก็ได้ที่inputมีผลกับองค์ประกอบอินพุตทุกตัว มีวิธีในการระบุสไตล์เพื่อใช้กับช่องทำเครื่องหมายเท่านั้นโดยไม่ต้องใช้คลาสกับองค์ประกอบกล่องกาเครื่องหมายแต่ละรายการหรือไม่?

178 css 

ฉันสร้างภาพสำหรับคำถามนี้เพื่อให้เข้าใจง่ายขึ้น เป็นไปได้ไหมที่จะสร้างจุดไข่ปลาบน a <div>ด้วยความกว้างคงที่และหลายบรรทัด? ฉันลองใช้ปลั๊กอิน jQuery ที่นี่และที่นั่น แต่ไม่พบสิ่งที่ฉันกำลังมองหา ข้อเสนอแนะใด ๆ ไอเดีย?

178 javascript  jquery  html  css 

ไปยังศูนย์องค์ประกอบ HTML left: 50%;ฉันสามารถใช้แบบ CSS อย่างไรก็ตามสิ่งนี้อยู่ตรงกลางองค์ประกอบที่เกี่ยวข้องกับหน้าต่างทั้งหมด ฉันมีองค์ประกอบที่เป็นลูกของ<div>องค์ประกอบและฉันต้องการให้เด็กอยู่ตรงกลางกับผู้ปกครองรายนี้<div>ไม่ใช่หน้าต่างทั้งหมด ฉันไม่ต้องการให้คอนเทนเนอร์<div>มีเนื้อหาทั้งหมดที่เป็นศูนย์กลางเพียงเด็กคนหนึ่งที่เฉพาะเจาะจง

178 css 

ฉันใช้ Bootstrap 3 สำหรับเว็บไซต์ที่ฉันออกแบบ ฉันต้องการมีส่วนท้ายเหมือนตัวอย่างนี้ ตัวอย่าง โปรดทราบว่าฉันไม่ต้องการให้แก้ไขเพื่อให้ bootstrap navbar-fixed-bottom ไม่สามารถแก้ปัญหาของฉันได้ ฉันแค่อยากให้มันอยู่ด้านล่างสุดของเนื้อหาเสมอและตอบสนองได้ดี คำแนะนำใด ๆ ที่จะได้รับการชื่นชมอย่างมาก แก้ไข: ขออภัยถ้าฉันไม่ชัดเจน สิ่งที่เกิดขึ้นตอนนี้คือเมื่อเนื้อหาเนื้อหาไม่มีเนื้อหาเพียงพอ ส่วนท้ายของฉันขยับขึ้นและจากนั้นก็ปล่อยให้มีพื้นที่ว่างเปล่าที่ด้านล่าง นี่คือสิ่งที่ฉันมีตอนนี้สำหรับ navbar ของฉัน <nav class="navbar navbar-inverse navbar-bottom" style="padding:0 0 120px 0"> <div class="container"> <div class="row"> <div class="col-sm-4"> <h5 id='footer-header'> SITEMAP </h3> <div class="col-sm-4" style="padding: 0 0 0 0px"> <p>News</p> <p>contact</p> </div> <div …

177 html  css  twitter-bootstrap  footer