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

ฉันเห็นโพสต์นี้แล้วและลองทุกอย่างที่ทำได้เพื่อเปลี่ยนช่องว่างภายในสำหรับตัวยึดตำแหน่งของฉัน แต่ดูเหมือนว่าจะไม่ต้องการความร่วมมือ อย่างไรก็ตามนี่คือรหัสสำหรับ css ( แก้ไข : นี่คือ css ที่สร้างขึ้นจาก sass) #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; } #search form { position: relative; } #search input { padding: 0 10px 0 29px; color: #555555; border: none; background: url('/images/bg_searchbar.png?1296191141') no-repeat; width: 180px; height: …

137 html  google-chrome  webkit  css 

ฉันพยายามกำหนด div (ตำแหน่ง: คงที่) ความกว้าง 100% (เกี่ยวข้องกับ div ระดับบนสุด) แต่ฉันมีปัญหาบางอย่าง ... แก้ไข: ปัญหาแรกถูกเลื่อนโดยใช้การสืบทอด แต่ก็ยังไม่ได้ผล ฉันคิดว่าปัญหาคือฉันใช้ div หลายตัวที่รับความกว้าง 100% / สืบทอด คุณสามารถพบปัญหาที่สองในการอัปเดต jsfiddle: http://jsfiddle.net/4bGqF/7/ ตัวอย่างสุนัขจิ้งจอก #container { width: 800px; } #fixed { position: fixed; width: 100%; } และ html <div id="container"> <div id="fixed">Sitename</div> <p> blaat </p> </div> หรือคุณสามารถทดลองใช้: http://jsfiddle.net/4bGqF/ ปัญหาที่ดูเหมือนว่าจะเป็นไปได้ว่าองค์ประกอบคงที่อยู่เสมอสละความกว้างของหน้าต่าง / …

137 jquery  css  jquery-plugins 

ฉันกำลังพยายามตรวจสอบคุณสมบัติ CSS จากอินพุตลงในเซลล์ตาราง ข้อมูลที่ป้อนจะปรากฏขึ้นเมื่อคลิกและหายไปเมื่อโฟกัสหายไปเหมือนตอนที่ฉันพยายามตรวจสอบ ฉันจะทำอย่างไรเพื่อไม่ให้โฟกัสหายไปในขณะที่ฉันย้ายไปที่หน้าต่างอื่น (ตัวตรวจสอบ)

137 html  css  dom 

ใครรู้ว่าทำไม CSS ถึงมีcolorข้อความ แต่ไม่มีfont-colorหรือtext-color? ดูเหมือนจะตอบโต้ได้ง่ายชอบtext-decoration: underlineมากกว่าfont-styleหรืออะไรบางอย่างที่เกี่ยวข้องกับแบบอักษร ไม่มีใครรู้ว่าทำไม / อย่างไร W3C จึงเกิดขึ้นกับชื่อ CSS มากมายเช่นนี้?

136 css 

ฉันใช้ Twitter Bootstrap 3 ใหม่และพยายามวางช่องค้นหาเช่นนี้ (ด้านล่าง) ในแถบนำทางด้านบน : ใน Bootstrap 2 มันอาจเป็นแบบนี้: <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> แต่ฉันไม่แน่ใจว่าวิธีการผลิตเดียวกันใน Bootstrap 3 มากมีการเปลี่ยนแปลง HTML เริ่มต้นสำหรับรูปแบบช่องค้นหา navbar ใน Bootstrap 3 คือ: <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input …

136 css  html  twitter-bootstrap  twitter-bootstrap-3 

ฉันพยายามแทรกไอคอนผู้ใช้ในช่องป้อนชื่อผู้ใช้ ฉันได้ลองวิธีแก้ปัญหาจากคำถามที่คล้ายกันโดย ทราบว่าbackground-imageคุณสมบัติไม่ทำงานเนื่องจากFont Awesomeเป็นแบบอักษร ต่อไปนี้เป็นวิธีการของฉันและฉันไม่สามารถแสดงไอคอนได้ .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { font-family: 'FontAwesome'; position: absolute; top: 0px; left: -5px; content: "\f007"; } ฉันมีแบบอักษรหน้าประกาศในแบบอักษรเริ่มต้น css ที่น่ากลัวดังนั้นฉันไม่แน่ใจว่าถ้าเพิ่มแบบอักษรตระกูลด้านบนเป็นวิธีที่เหมาะสม @font-face { font-family: 'FontAwesome'; src: url('../Font/fontawesome-webfont.eot?v=3.2.1'); src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../Font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../Font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); }

136 html  css  fonts  font-awesome 

ฉันต้องการสร้างบล็อกแบบอินไลน์ซึ่งจะทำให้เกิดความกว้างและความสูงที่ไม่รู้จัก (มันจะมีตารางอยู่ข้างในพร้อมเนื้อหาที่สร้างขึ้นแบบไดนามิก) นอกจากนี้บล็อกอินไลน์ควรอยู่ในบรรทัดข้อความเช่น "ข้อความของฉัน (บล็อกที่นี่)" ที่จะทำให้มันดูสวยฉันพยายามที่จะทำให้บล็อกเป็นศูนย์กลางในแนวเส้น ดังนั้นถ้าบล็อกมีลักษณะเช่นนี้: TOP MIDDLE BOTTOM จากนั้นบรรทัดข้อความจะอ่าน: "ข้อความของฉัน ([MIDDLE])" (พร้อมด้านบนและล่างด้านบนและด้านล่างบรรทัด) นี่คือสิ่งที่ฉันมี CSS .example { background-color: #0A0; display: inline-block; margin: 2px; padding: 2px; position: relative; text-align: center; } HTML <div class="example">TOP<br />MIDDLE<br />BOTTOM</div>

136 html  vertical-alignment  css 

เป็นไปได้ไหมที่จะจัดกึ่งกลางของภาพพื้นหลังใน div? ฉันลองทุกอย่างแล้ว - แต่ไม่สำเร็จ: <div id="doit"> Lorem Ipsum ... </div> //CSS #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; } เป็นไปได้ไหม

136 html  css  image  background  center 

ฉันมี 48x48 div และข้างในนั้นมีองค์ประกอบ img ฉันต้องการให้พอดีกับ div โดยไม่สูญเสียส่วนใดในเวลาที่อัตราส่วนถูกเก็บไว้มันสามารถทำได้โดยใช้ html และ css หรือไม่?

136 html  css 

ฉันมี<a>แท็ก html จำนวนมากที่ไม่มีhrefแอตทริบิวต์สำหรับการonclickเรียกใช้จาวาสคริปต์ ลิงก์เหล่านี้ไม่มีรูปแบบตัวชี้ของเคอร์เซอร์ มีเคอร์เซอร์รูปแบบข้อความ ฉันจะตั้งค่ารูปแบบเคอร์เซอร์เป็นตัวชี้สำหรับลิงก์โดยไม่ใช้hrefแอตทริบิวต์ได้อย่างไร ฉันรู้ว่าฉันสามารถเพิ่ม href = "#" ได้ ฉันมีสิ่งนี้ในหลาย ๆ ที่ในเอกสาร html และต้องการทราบวิธีสร้างตัวชี้รูปแบบเคอร์เซอร์สำหรับลิงก์โดยไม่ต้องใช้hrefแอตทริบิวต์

136 javascript  html  css  hyperlink  cursor 

มีปัญหามานานแล้วที่ Firefox ไม่โหลดแบบอักษรจากแหล่งที่มาที่แตกต่างจากหน้าเว็บปัจจุบัน โดยปกติปัญหาจะเกิดขึ้นเมื่อใช้ฟอนต์บน CDN คำถามอื่น ๆ มีการแก้ปัญหาต่างๆ: CSS @ font-face ไม่ทำงานกับ Firefox แต่ทำงานกับ Chrome และ IE ด้วยการเปิดตัว Amazon S3 CORS มีวิธีแก้ไขโดยใช้ CORS เพื่อแก้ไขปัญหาการโหลดแบบอักษรใน Firefox หรือไม่ แก้ไข: จะเป็นการดีที่จะดูตัวอย่างการกำหนดค่า S3 CORS แก้ไข 2: ฉันพบวิธีแก้ปัญหาที่ใช้งานได้โดยไม่เข้าใจว่ามันทำอะไร หากใครสามารถให้คำอธิบายโดยละเอียดเพิ่มเติมเกี่ยวกับการกำหนดค่าและเวทมนตร์พื้นหลังที่เกิดขึ้นจากการตีความการกำหนดค่าของ Amazon จะได้รับการชื่นชมอย่างมากเช่นเดียวกับ nzifnab ที่ให้ความสำคัญกับมัน

136 css  firefox  amazon-s3  font-face  cors 

ฉันมีรหัสต่อไปนี้ซึ่งตั้งค่าคอนเทนเนอร์ที่มีความสูงที่เปลี่ยนแปลงตามความกว้างเมื่อเบราว์เซอร์มีขนาดใหม่ (เพื่อรักษาอัตราส่วนภาพสี่เหลี่ยมจัตุรัส) HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid black; } .dummy { padding-top: 100%; /* forces 1:1 aspect ratio */ } .img-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } ฉันจะจัดแนว …

135 html  css  responsive-design  vertical-alignment 

ฉันเป็นมือใหม่ bootstrap และฉันมีเทมเพลตกว้าง 100% ที่ฉันต้องการเขียนโค้ดด้วย bootstrap คอลัมน์แรกเริ่มต้นที่มุมซ้ายและฉันมีแผนที่ Google ซึ่งทอดยาวไปทางขวาสุด ฉันคิดว่าฉันสามารถทำสิ่งนี้กับcontainer-fluidชั้นเรียนได้ แต่ดูเหมือนจะไม่มีอีกแล้ว ฉันไม่รู้ว่าจะทำอย่างไรให้ได้เลย์เอาต์นั้นด้วย bootstrap 3 ฉันใช้เทมเพลต Geometry PSD จาก themeforest ลิงก์ที่นี่หากคุณต้องการดูเค้าโครง: http://themeforest.net/item/geometry-design-for- ตำแหน่งทางภูมิศาสตร์สังคมเครือข่าย / 4752268

135 html  css  twitter-bootstrap  layout  twitter-bootstrap-3 

คุณสามารถปิดการใช้งานแท็บใน Bootstrap 2.0 เช่นเดียวกับที่คุณสามารถปิดใช้งานปุ่มได้หรือไม่?

135 javascript  css  twitter-bootstrap  twitter-bootstrap-2 

ฉันดิ้นรนกับการกำหนดตำแหน่งคงที่ใน iPad มาระยะหนึ่งแล้ว ฉันรู้จักiScrollและดูเหมือนจะใช้งานไม่ได้เสมอไป (แม้ในการสาธิต) ฉันรู้ด้วยว่า Sencha มีการแก้ไขสำหรับสิ่งนั้น แต่ฉันไม่สามารถCtrl+ Fซอร์สโค้ดสำหรับการแก้ไขนั้นได้ ฉันหวังว่าใครบางคนอาจมีทางออก ปัญหาคือองค์ประกอบตำแหน่งคงที่ไม่ได้รับการอัปเดตเมื่อผู้ใช้เลื่อนลง / ขึ้นบน Safari บนมือถือที่ใช้ iOS

135 iphone  css  ipad  ios  mobile