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

ฉันกำลังเขียนหน้าที่ฉันต้องการตาราง html เพื่อรักษาขนาดที่ตั้งไว้ ฉันต้องการส่วนหัวที่ด้านบนสุดของตารางเพื่อให้อยู่ตรงนั้นตลอดเวลา แต่ฉันก็ต้องใช้ส่วนของตารางเพื่อเลื่อนไม่ว่าจะเพิ่มแถวลงในตารางกี่แถวก็ตาม ฉันต้องการให้ดูเหมือนวิธีที่ 2 ใน url นี้: http://www.cssplay.co.uk/menu/tablescroll.html ฉันได้ลองทำสิ่งนี้แล้ว แต่ไม่มีแถบเลื่อนปรากฏขึ้น: tbody { height: 80em; overflow: scroll; } <table border=1 id="qandatbl" align="center"> <tr> <th class="col1">Question No</th> <th class="col2">Option Type</th> <th class="col1">Duration</th> </tr> <tbody> <tr> <td class='qid'></td> <td class="options"></td> <td class="duration"></td> </tr> </tbody> </table> เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด

86 html  css  scroll  html-table  overflow 

ฉันไม่สามารถกำหนดความสูงและความกว้างของaองค์ประกอบของการนำทางได้ #header div#snav div a{ width:150px; height:77px; } #header div#snav div a:link{ width:150px; height:77px; } #header div#snav div a:hover{ height:77px; background:#eff1de; } มีความคิดอะไรที่ฉันทำผิด?

86 html  css 

ฉันจำลำดับของคุณสมบัติชวเลขสำหรับการตั้งค่าระยะขอบหรือช่องว่างในการประกาศครั้งเดียวไม่ได้ นั่นคือ: margin-top: 2px; margin-bottom: 4px; margin-left: 3px; margin-right: 8px; อาจเขียนเป็น margin: 2px 8px 4px 3px; ใช่ฉันเข้าใจว่าเราสามารถเห็นภาพคำสั่งซื้อได้โดยนึกถึงนาฬิกาโดยเริ่มจากเวลาเที่ยงวันและเคลื่อนไปตามเข็มนาฬิกา แต่ฉันลืมเรื่องนั้นไปเรื่อย ๆ ฉันต้องการจำคำสั่งบนขวาล่างซ้ายแบบข้อความ ดังนั้นTBLR TRB L. บางอย่างเช่นนี้ [R-noun] [B-verb] [L-nouns] อาจจะเป็นหนทางไป แต่ฉันรู้สึกว่าตัวเองขาดแรงบันดาลใจ หากใครได้พบกับเครื่องมือช่วยจำที่มีประโยชน์สำหรับสิ่งนี้ฉันชอบที่จะได้ยินมัน เช่นเดียวกับมีมที่ดีฉันแน่ใจว่าเมื่อฉันได้รับบางสิ่งบางอย่างในสมองของฉันฉันจะไม่ลืมมัน หมายเหตุ : คำถามนี้ให้ข้อมูลที่ไม่ถูกต้อง - สั่งซื้อ (ตามที่ระบุไว้ในบางส่วนของความคิดเห็นและคำตอบ) เป็นบนขวาล่างซ้าย (เฮ้ดูที่ฉันหมายถึง? - dland)

85 css  mnemonics 

ฉันเริ่มต้นใช้งาน Bootstrap 3 และฉันมีปัญหาในการทำความเข้าใจว่าคลาสกริดมีไว้เพื่อใช้อย่างไร นี่คือสิ่งที่ฉันคิดได้จนถึงตอนนี้: ดูเหมือนว่าคลาสcol-sm-#และcol-lg-#แตกต่างจากคลาสเก่าทั่วไปตรงcol-#ที่จะใช้เฉพาะเมื่อหน้าจอมีขนาดใหญ่กว่าที่กำหนด (768px และ 992px ตามลำดับ) หากคุณละเว้น -sm- หรือ -lg- divs จะไม่ยุบรวมเป็นคอลัมน์เดียว แต่เมื่อฉันสร้างสอง divs ภายในแถวที่มีทั้งcol-sm-6ดูเหมือนว่าพวกเขาเป็นเพียงเคียงข้างเมื่อหน้าต่างอยู่ระหว่าง 768px และ 992px กว้าง ในคำอื่น ๆ ถ้าผมหดหน้าต่างตลอดทางลงแล้วค่อยๆขยายมันรูปแบบคอลัมน์เดียวแล้วสองคอลัมน์แล้วกลับไปที่คอลัมน์เดียวอีกครั้ง นี่เป็นพฤติกรรมที่ตั้งใจไว้หรือไม่? ถ้าฉันต้องการสองคอลัมน์สำหรับสิ่งที่เกิน 768px ฉันควรใช้ทั้งสองคลาสหรือไม่ ( <div class="col-sm-6 col-lg-6">) ควรcol-6 นอกจากนี้ยังจะรวม?<div class="col-6 col-sm-6 col-lg-6">

85 html  css  twitter-bootstrap  twitter-bootstrap-3 

ฉันจะปรับขนาด iframe จากโดเมนอื่นได้อย่างไร - แก้ไข เลื่อนลงเพื่อดูวิธีแก้ปัญหา .. หรืออ่านวิธีการไม่ทำสิ่งนี้ หลังจากแฮ็กโค้ดหลายชั่วโมงข้อสรุปก็คือไม่สามารถเข้าถึงสิ่งใด ๆ ภายใน iframe ได้แม้แต่แถบเลื่อนที่แสดงผลบนโดเมนของฉัน ฉันได้ลองใช้เทคนิคมากมายแล้วก็ไม่เกิดประโยชน์ เพื่อช่วยคุณประหยัดเวลาอย่าแม้แต่ไปตามเส้นทางนี้เพียงแค่ใช้ sendMessages สำหรับการสื่อสารข้ามโดเมน มีปลั๊กอินสำหรับ HTML <5 ที่ฉันใช้ - ไปที่ด้านล่างเพื่อดูตัวอย่างที่ดี :) ไม่กี่วันที่ผ่านมาฉันพยายามรวม iframe เข้ากับไซต์ นี่เป็นวิธีแก้ปัญหาระยะสั้นในขณะที่อีกด้านหนึ่งพัฒนาและ API (อาจใช้เวลาหลายเดือน ... ) และเนื่องจากนี่เป็นวิธีการแก้ปัญหาระยะสั้นที่เราต้องการใช้ easyXDM - ฉันสามารถเข้าถึงโดเมนอื่นได้ แต่ก็ยากพอที่จะขอให้พวกเขา เพิ่ม p3p header ตามที่เป็น ..... 3 iframe ทางออกที่ใกล้เคียงที่สุดที่ฉันพบคือ 3 iframes - แต่มันเป็นไปในแง่ของ Chrome …

85 javascript  html  css  iframe  cross-domain 

ฉันสามารถแทนที่แอตทริบิวต์ maxlength ด้วยบางสิ่งใน CSS ได้หรือไม่ <input type='text' id="phone_extension" maxlength="4" />

85 html  css 

วันนี้ฉันกำลังดูไฟล์ css และพบชุดกฎต่อไปนี้: div.with-some-class { display:block; margin:0; padding:2px 0 0 0; *padding:1px 0 0 0; font-size:11px; font-weight:normal; *line-height:13px; color:#3D9AD0; } ดาวหมายถึงอะไรใน * padding และ * line-height? ขอบคุณ.

85 css 

มีวิธีจำลองจอภาพ Retina บน Windows เพื่อทดสอบเว็บไซต์สำหรับจอแสดงผล HiDPI เช่น Retina หรือไม่? ฉันใช้ Windows บนจอภาพมาตรฐานขนาด 24 นิ้ว 1920x1080 เมื่อคืนที่ผ่านมาฉันตรวจสอบเว็บไซต์ของฉันใน Retina MacBook Pro 15 "ใหม่เอี่ยมของเพื่อนและกราฟิกดูเบลอไปหมด (แย่กว่า MacBook 15 นิ้วทั่วไป) ในขณะที่แบบอักษรเป็น สุดยอดและคมชัดทำให้โลโก้ดูแย่ลงเนื่องจากการเปรียบเทียบโดยตรง ฉันได้ทำตามบทช่วยสอนนี้เพื่อทำให้เว็บไซต์ของฉันพร้อมสำหรับ Retina: http://line25.com/tutorials/how-to-create-retina-graphics-for-your-web-designs ฉันใช้วิธี retina.js เนื่องจากฉันไม่มีภาพพื้นหลังเลย มีวิธีใดบ้างที่ฉันจะทดสอบว่าใช้งานได้จริงหรือไม่? เห็นได้ชัดว่าฉันสามารถขอให้เพื่อนใช้ Retina Notebook ของเขาได้ แต่นั่นไม่ใช่ขั้นตอนการทำงานที่เป็นไปได้สำหรับฉัน ฉันต้องการทดสอบเว็บไซต์สำหรับความเข้ากันได้ของ Retina ในสภาพแวดล้อมของฉันเองเป็นอย่างน้อย

85 html  css  retina-display  retina.js 

วิธีตั้งค่าความกว้างเส้นขอบขององค์ประกอบเป็นเปอร์เซ็นต์ ฉันลองใช้ไวยากรณ์แล้ว border-width:10%; แต่มันไม่ได้ผล เหตุผลที่ฉันต้องการตั้งborder-widthค่าเป็นเปอร์เซ็นต์คือฉันมีองค์ประกอบwidth: 80%;และheight: 80%;และฉันต้องการให้องค์ประกอบครอบคลุมหน้าต่างเบราว์เซอร์ทั้งหมดดังนั้นฉันจึงต้องการตั้งค่าเส้นขอบทั้งหมด 10% ฉันไม่ได้ทำสิ่งนี้ด้วยวิธีการสององค์ประกอบโดยที่หนึ่งจะถูกวางไว้ด้านหลังอีกองค์ประกอบหนึ่งและทำหน้าที่เป็นเส้นขอบเนื่องจากพื้นหลังขององค์ประกอบนั้นโปร่งใสและการวางตำแหน่งองค์ประกอบไว้ข้างหลังจะส่งผลต่อความโปร่งใส ฉันรู้ว่าสิ่งนี้สามารถทำได้ผ่าน JavaScript แต่ฉันกำลังมองหาวิธีการ CSS เท่านั้นถ้าเป็นไปได้

85 css 

ฉันมีคอนเทนเนอร์ div ที่มีค่าคงที่widthและheightด้วยoverflow: hidden. ฉันต้องการลอยแถวแนวนอน: div ด้านซ้ายภายในคอนเทนเนอร์นี้ ตัวหารที่ลอยไปทางซ้ายจะดันเข้าสู่ 'บรรทัด' ด้านล่างตามธรรมชาติหลังจากที่พวกเขาอ่านขอบเขตทางขวาของพาเรนต์ สิ่งนี้จะเกิดขึ้นแม้ว่าheightผู้ปกครองจะไม่อนุญาตก็ตาม นี่คือลักษณะที่ปรากฏ: ! [ผิด] [1] - ลบรูปภาพกระท่อมรูปภาพที่ถูกแทนที่ด้วยโฆษณา ฉันต้องการให้มีลักษณะอย่างไร: ! [ขวา] [2] - ลบรูปภาพกระท่อมที่ถูกแทนที่ด้วยโฆษณา หมายเหตุ: เอฟเฟกต์ที่ฉันต้องการสามารถทำได้โดยใช้องค์ประกอบแบบอินไลน์ & white-space: no-wrap(นั่นคือวิธีที่ฉันทำในภาพที่แสดง) อย่างไรก็ตามสิ่งนี้ไม่ดีสำหรับฉัน (ด้วยเหตุผลที่ยาวเกินไปที่จะอธิบายที่นี่) เนื่องจาก div ย่อยต้องเป็นองค์ประกอบระดับบล็อกแบบลอย

85 html  css  alignment 

อะไรคือความแตกต่างระหว่าง bootstrap.css และ bootstrap-theme.css ที่พบในไฟล์ bootstrap เมื่อเราดาวน์โหลด bootstrap?

85 css  twitter-bootstrap-3 

ฉันเพิ่งเริ่มใช้ Bootstrap และฉันมีปัญหาในการทำให้ฟีเจอร์ป๊อปโอเวอร์และคำแนะนำเครื่องมือใช้งานได้ ฉันไม่มีปัญหากับดรอปดาวน์และโมเดล แต่ดูเหมือนว่าฉันจะขาดบางอย่างสำหรับป๊อปโอเวอร์และคำแนะนำเครื่องมือ ฉันได้รับคำแนะนำเครื่องมือเพื่อแสดง แต่ไม่ได้มีสไตล์และอยู่เหมือนตัวอย่าง bootstrap และป๊อปโอเวอร์ไม่ทำงานเลย โปรดตรวจสอบและแจ้งให้เราทราบว่าฉันขาดอะไร <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet" media="screen"> <link href="css/font-awesome.min.css" rel="stylesheet" media="screen"> <link href="css/index.css" rel="stylesheet" media="screen"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements …

84 javascript  jquery  css  twitter-bootstrap 

http://twitter.github.com/bootstrap/scaffolding.html ฉันลองเหมือนชุดค่าผสมทั้งหมด: <div class="row"> <div class="span7 offset5"> box </div> </div> หรือ <div class="container"> <div class="row"> <div class="span7 offset5"> box </div> </div> </div> เปลี่ยนช่วงและตัวเลขชดเชย ... แต่ฉันไม่สามารถเอากล่องธรรมดาที่อยู่ตรงกลางหน้าได้อย่างสมบูรณ์แบบ :( ฉันแค่ต้องการกล่องกว้าง 6 คอลัมน์ที่อยู่ตรงกลาง ... แก้ไข: ทำกับ <div class="container"> <div class="row" id="login-container"> <div class="span8 offset2"> box </div> </div> </div> แต่กล่องกว้างเกินไปมีวิธีใดบ้างที่ฉันสามารถทำได้ด้วย span7? span7 offset2เพิ่มช่องว่างภายในช่องว่างด้านซ้ายspan7 offset3เพิ่มเติมทางด้านขวา ...

84 css  twitter-bootstrap  twitter-bootstrap-2 

เมื่อความกว้างของตารางเกินความกว้างของสแปนเช่นหน้านี้: http://jsfiddle.net/rcHdC/ คุณจะเห็นเนื้อหาของตารางอยู่นอกไฟล์span. อะไรคือวิธีที่ดีที่สุดในการตอบสนองกรณีนี้?

84 html  twitter-bootstrap  css 

ในรหัสของฉันbackground-position-yไม่ทำงาน ใน Chrome ใช้ได้ แต่ใช้ไม่ได้กับ Firefox ใครมีวิธีแก้ไข

84 html  css  firefox