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

ผู้คนจำนวนมากยังคงใช้ตารางเพื่อควบคุมการจัดวางข้อมูลและอื่น ๆ - ตัวอย่างหนึ่งของนี้คือ jqGrid ที่เป็นที่นิยม อย่างไรก็ตามมีเวทมนตร์บางอย่างเกิดขึ้นที่ฉันไม่สามารถเข้าใจได้ (ตารางของมันสำหรับการร้องไห้ออกมาดัง ๆ ว่ามีเวทมนตร์ได้มากแค่ไหน?) เป็นไปได้อย่างไรที่จะตั้งค่าความกว้างคอลัมน์ของตารางและให้เป็นไปตามที่ jqGrid ทำเช่นนั้น! ถ้าฉันพยายามที่จะทำซ้ำสิ่งนี้แม้ว่าฉันจะตั้งค่าทุก<td style='width: 20px'>ทันทีที่เนื้อหาของหนึ่งในเซลล์เหล่านั้นมีค่ามากกว่า 20px เซลล์จะขยายตัว! ความคิดหรือข้อมูลเชิงลึกใด ๆ

175 html  css  layout  html-table 

CSS ของฉันระบุ " font-family: Helvetica, Arial, sans-serif;" สำหรับทั้งหน้า ดูเหมือนว่า Verdana กำลังถูกใช้แทนในบางส่วน ฉันต้องการตรวจสอบสิ่งนี้ ฉันพยายามคัดลอกและวางจากเบราว์เซอร์ของฉันลงใน Word แต่ไม่ได้รักษาแบบอักษร มีวิธีในการกำหนดแบบอักษรที่ใช้จริงสำหรับส่วนของข้อความหรือไม่? Firebug จะให้รายชื่อตัวอักษรของฉันตามด้านบน [1] แต่ฉันไม่เห็นวิธีที่จะกำหนดว่าจะใช้ตัวอักษรตัวใดตัวหนึ่ง ปรากฎว่ามีการใช้รายการผิดซึ่งแก้ไขปัญหา Verdana เดิมของฉัน แต่ฉันก็ยังสงสัยว่ามีวิธีการระบุแบบอักษรการแสดงผลจริง

175 css  browser  fonts 

ฉันพยายามเรียงลำดับภาพที่มีขนาดใหญ่ภายใน div โดยใช้ css เท่านั้น เรากำลังใช้เลย์เอาต์ของเหลวดังนั้นความกว้างของภาชนะบรรจุรูปภาพจึงแตกต่างกันไปตามความกว้างของหน้ากระดาษ (แก้ไขความสูงของ div) รูปภาพตั้งอยู่ภายใน div ด้วยค่า boxshadow ที่ใส่เข้าไปเพื่อให้ปรากฏราวกับว่าคุณกำลังดูหน้าของภาพ ขนาดของภาพเองนั้นมีขนาดใหญ่เพื่อเติม div ที่อยู่รอบ ๆ ด้วยค่าที่เป็นไปได้ที่กว้างที่สุด (การออกแบบมีmax-widthค่า) มันค่อนข้างง่ายที่จะทำถ้าภาพเล็กกว่า div ที่อยู่โดยรอบ: margin-left: auto; margin-right: auto; display: block; แต่เมื่อรูปภาพมีขนาดใหญ่กว่า div มันก็เริ่มที่ขอบซ้ายและอยู่กึ่งกลางทางด้านขวา (เรากำลังใช้overflow: hidden) เราสามารถกำหนด a width=100%แต่เบราว์เซอร์ทำงานปรับขนาดภาพและศูนย์ออกแบบเว็บไซต์ให้มีภาพคุณภาพสูง มีแนวคิดใดในการจัดกึ่งกลางภาพเพื่อoverflow:hiddenตัดขอบทั้งสองให้เท่ากัน

175 css 

ฉันมีหน้า HTML ซึ่งมีข้อความและการจัดรูปแบบบางอย่าง ฉันต้องการทำให้เป็นแบบอักษรตระกูลเดียวกันและมีขนาดตัวอักษรเดียวกันโดยไม่คำนึงถึงการจัดรูปแบบข้อความภายในทั้งหมด ฉันต้องการตั้งค่ารูปแบบอักษรสากลสำหรับหน้า HTML ฉันจะบรรลุสิ่งนี้ได้อย่างไร

175 html  css  font-family 

ฉันเคยเห็นเว็บไซต์ใหม่บางแห่งที่ใช้แบบอักษรที่กำหนดเองในเว็บไซต์ของพวกเขา (นอกเหนือจาก Arial ปกติ Tahoma และอื่น ๆ ) และรองรับเบราว์เซอร์จำนวนมาก เราจะทำอย่างนั้นได้อย่างไร? ในขณะเดียวกันก็ป้องกันไม่ให้ผู้ใช้สามารถดาวน์โหลดแบบอักษรได้ฟรีหากเป็นไปได้

175 css  font-face 

หลังจากดาวน์โหลด bootstrap 3 ชุดสมบูรณ์จากhttp://getbootstrap.comฉันสังเกตเห็นว่ามีไฟล์ css แยกต่างหากสำหรับธีม วิธีการใช้ประโยชน์จากมัน? กรุณาอธิบาย? ฉันรวมอยู่bootstrap-theme.cssในโครงการบูทสแตรปที่มีอยู่ของฉัน แต่ก็ไม่มีความแตกต่างในผลลัพธ์

174 html  css  twitter-bootstrap-3 

ฉันใช้ Bootstrap สำหรับฉัน JSPหน้า ฉันต้องการใช้<fieldset>และ<legend>สำหรับแบบฟอร์มของฉัน นี่คือรหัสของฉัน <fieldset class="scheduler-border"> <legend class="scheduler-border">Start Time</legend> <div class="control-group"> <label class="control-label input-label" for="startTime">Start :</label> <div class="controls bootstrap-timepicker"> <input type="text" class="datetime" id="startTime" name="startTime" placeholder="Start Time" /> <i class="icon-time"></i> </div> </div> </fieldset> CSS คือ fieldset.scheduler-border { border: 1px groove #ddd !important; padding: 0 1.4em 1.4em 1.4em !important; margin: …

174 html  css  forms  twitter-bootstrap 

ปัจจุบันด้วยสไตล์ฉันสามารถใช้width: 100%และautoความสูง (หรือกลับกัน) แต่ฉันยังไม่สามารถ จำกัด รูปภาพในตำแหน่งที่ระบุไม่ว่ากว้างหรือสูงเกินไปตามลำดับ ความคิดใด ๆ

174 css  image  height  width 

ฉันกำลังพัฒนาเว็บไซต์ที่ตอบสนองโดยใช้ Twitter Bootstrap ไซต์นี้มีภาพพื้นหลังแบบเต็มหน้าจอในอุปกรณ์เคลื่อนที่ / แท็บเล็ต / เดสก์ท็อป ภาพเหล่านี้หมุนและจางหายไปโดยใช้สอง divs มันเกือบจะสมบูรณ์แบบยกเว้นเรื่องเดียว การใช้ iOS Safari, เบราว์เซอร์ Android หรือ Chrome บน Android พื้นหลังจะกระโดดเล็กน้อยเมื่อผู้ใช้เลื่อนหน้าลงและทำให้แถบที่อยู่ซ่อน เว็บไซต์อยู่ที่นี่: http://lt2.daveclarke.me/ ไปที่อุปกรณ์พกพาแล้วเลื่อนลงและคุณจะเห็นภาพมีขนาด / ย้าย รหัสที่ฉันใช้สำหรับพื้นหลัง DIV มีดังนี้: #bg1 { background-color: #3d3d3f; background-repeat:no-repeat; background-attachment:fixed; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; width:100%; height:100%; left:0px; top:0px; …

174 android  html  ios  css  twitter-bootstrap-3 

คุณจะทำให้องค์ประกอบตำแหน่งที่แน่นอนเป็นเกียรติแก่การขยายของผู้ปกครองได้อย่างไร ฉันต้องการให้ div ภายในยืดความกว้างของพาเรนต์และวางตำแหน่งที่ด้านล่างของพาเรนต์นั้นเป็นส่วนท้าย แต่เด็กจะต้องให้เกียรติกับการรองของผู้ปกครองและมันก็ไม่ได้ทำอย่างนั้น เด็กถูกกดให้ชิดกับขอบของผู้ปกครอง ดังนั้นฉันต้องการสิ่งนี้: แต่ฉันได้รับสิ่งนี้: <html> <body> <div style="background-color: blue; padding: 10px; position: relative; height: 100px;"> <div style="background-color: gray; position: absolute; left: 0px; right: 0px; bottom: 0px;">css sux</div> </div> </body> </html> ฉันสามารถทำให้มันเกิดขึ้นได้ด้วยระยะห่างจาก div ภายใน แต่ฉันไม่ต้องการเพิ่มมัน

173 css  padding  css-position 

ฉันทำงานกับ jQuery และดูว่ามีวิธีง่าย ๆ ในการตรวจสอบว่าองค์ประกอบมีคลาส CSS เฉพาะที่เกี่ยวข้องหรือไม่ ฉันมีรหัสขององค์ประกอบและคลาส CSS ที่ฉันกำลังมองหา ฉันแค่ต้องสามารถในคำสั่ง if ทำการเปรียบเทียบตามการมีอยู่ของคลาสนั้นในองค์ประกอบ

173 javascript  jquery  css 

ฉันรู้ว่า Internet Explorer มีรูปแบบการตัดคำ แต่ฉันต้องการทราบว่ามีวิธีการข้ามเบราว์เซอร์ในการทำข้อความใน div หรือไม่ เฉพาะ CSS แต่ตัวอย่างโค้ด JavaScript ก็ใช้ได้เช่นกัน แก้ไข: ใช่หมายถึงสายยาวไชโยคน!

173 css  html  word-wrap 

ฉันได้เห็นคำสั่งนี้เป็นบรรทัดแรกของไฟล์ CSS จำนวนมากที่หันมาหาฉัน: @charset "UTF-8"; มันทำอะไรและกฎนี้จำเป็นหรือไม่ นอกจากนี้หากฉันรวมเมตาแท็กนี้ไว้ในองค์ประกอบ "หัว" ของฉันนั่นจะช่วยลดความจำเป็นที่จะต้องมีแท็กนี้อยู่ในไฟล์ CSS ของฉันด้วยหรือไม่ <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

173 css  character-encoding 

สิ่งที่ฉันต้องการจะทำ (ไม่ใช่ใน IE อย่างชัดเจน) คือ: p:not(.list):last-child + :text { margin-bottom: 10px; } ซึ่งจะให้ระยะขอบโหนดข้อความ (เป็นไปได้หรือไม่) ฉันจะได้รับโหนดข้อความด้วย CSS ได้อย่างไร

173 css  css-selectors 

ฉันพยายามจัดแต่งselectองค์ประกอบโดยใช้ CSS3 ฉันได้รับผลลัพธ์ที่ฉันต้องการใน WebKit (Chrome / Safari) แต่ Firefox ไม่ได้เล่นได้ดี (ฉันไม่ได้รำคาญกับ IE) ฉันใช้appearanceคุณสมบัติCSS3 แต่ด้วยเหตุผลบางอย่างฉันไม่สามารถเขย่าไอคอนดรอปดาวน์จาก Firefox นี่คือตัวอย่างของสิ่งที่ฉันทำ: http://jsbin.com/aniyu4/2/edit #dropdown { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent url('example.png') no-repeat right center; padding: 2px 30px 2px 2px; border: none; } อย่างที่คุณเห็นฉันไม่ได้พยายามทำอะไรที่แฟนซี ฉันต้องการลบสไตล์เริ่มต้นและเพิ่มลูกศรดรอปดาวน์ของฉันเอง อย่างที่ฉันบอกว่ายอดเยี่ยมใน WebKit ไม่ยอดเยี่ยมใน Firefox เห็นได้ชัดว่าสิ่งที่-moz-appearance: noneไม่กำจัดรายการแบบหล่นลง ความคิดใด ๆ ไม่จาวาสคริปต์ไม่ใช่ตัวเลือก

172 html  firefox  css