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

สมมติว่าฉันต้องการตกแต่งลิงก์ไปยังไฟล์บางประเภทโดยใช้รูปภาพ ฉันสามารถประกาศลิงก์ของฉันเป็น <a href='foo.pdf' class='pdflink'>A File!</a> จากนั้นมี CSS เช่น .pdflink:after { content: url('/images/pdf.png') } ตอนนี้ใช้งานได้ดียกเว้นในกรณีpdf.pngที่ขนาดลิงก์ของฉันไม่เหมาะสม ฉันต้องการบอกเบราว์เซอร์ให้ปรับขนาด:afterรูปภาพ แต่ฉันไม่สามารถหาไวยากรณ์ที่ถูกต้องสำหรับชีวิตของฉัน หรือว่าเป็นภาพพื้นหลังที่ไม่สามารถปรับขนาดได้ การทางพิเศษแห่งประเทศไทย: ฉันกำลังโน้มตัวไปข้างหน้าก) การปรับขนาดภาพต้นฉบับให้เป็นขนาด "ถูกต้อง" ฝั่งเซิร์ฟเวอร์และ / หรือ b) การเปลี่ยนมาร์กอัปเพื่อส่งแท็ก IMG แบบอินไลน์ ฉันพยายามหลีกเลี่ยงทั้งสองสิ่ง แต่ดูเหมือนพวกเขาจะเข้ากันได้ดีกว่าการพยายามทำสิ่งต่าง ๆ ด้วย CSS เท่านั้น คำตอบสำหรับคำถามเดิมของฉันดูเหมือนจะเป็น "คุณสามารถเรียงลำดับของการทำมันบางครั้ง"

251 css  pseudo-element 

ฉันได้สร้างใหม่ 5 foundation new my-projectโครงการมูลนิธิผ่านทุบตีด้วย เมื่อผมเปิดไฟล์ index.html ใน Chrome ข้อผิดพลาดจะแสดงในคอนโซลที่มีต้นกำเนิดในUncaught TypeError: a.indexOf is not a functionjquery.min.js:4 ฉันสร้างโครงการโดยทำตามขั้นตอนบนไซต์พื้นฐาน แต่ฉันไม่สามารถกำจัดข้อผิดพลาดนี้ได้ รากฐานและ jQuery ดูเหมือนว่ามีการรวมและเชื่อมโยงอย่างถูกต้องในไฟล์ index.html และไฟล์ app.js ที่เชื่อมโยงนั้นรวมถึง$(document).foundation(); ไม่มีใครรู้ว่าสิ่งที่ทำให้เกิดข้อผิดพลาดนี้? และวิธีการแก้ปัญหาอาจจะเป็นอย่างไร

250 javascript  jquery  css  google-chrome  zurb-foundation 

ฉันต้องการล้อมรอบตัวเลขในวงกลมเช่นในภาพนี้: เป็นไปได้หรือไม่และเป็นไปได้อย่างไร

250 html  css  css-shapes 

ฉันใช้ nginx เพื่อเป็นเซิร์ฟเวอร์ด้านหน้าฉันได้แก้ไขไฟล์ CSS แต่ nginx ยังคงให้บริการไฟล์เก่า ฉันพยายามที่จะรีสตาร์ท nginx เพื่อไม่ประสบความสำเร็จและฉันได้ Googled แต่ไม่พบวิธีที่ถูกต้องเพื่อล้างมัน บางบทความบอกว่าเราสามารถลบแคชไดเรกทอรี: var/cache/nginxแต่ไม่มีไดเรกทอรีดังกล่าวบนเซิร์ฟเวอร์ของฉัน สิ่งที่ฉันควรทำตอนนี้?

250 css  nginx  caching  server  nginx-cache 

ฉันเป็นผู้เริ่มต้นในการเขียนโปรแกรมรางพยายามที่จะแสดงภาพจำนวนมากบนหน้า ภาพบางภาพจะวางซ้อนทับกัน เพื่อให้ง่ายบอกว่าฉันต้องการสี่เหลี่ยมสีน้ำเงินโดยมีสี่เหลี่ยมสีแดงที่มุมบนขวาของสี่เหลี่ยมสีน้ำเงิน (แต่ไม่แน่นตรงมุม) ฉันพยายามหลีกเลี่ยงการรวมภาพ (ด้วย ImageMagick และที่คล้ายกัน) เนื่องจากปัญหาด้านประสิทธิภาพ ฉันแค่ต้องการวางตำแหน่งภาพที่ซ้อนทับกันซึ่งสัมพันธ์กัน เป็นตัวอย่างที่ยากขึ้นลองจินตนาการถึงมาตรวัดระยะทางที่อยู่ภายในภาพขนาดใหญ่ สำหรับตัวเลขหกหลักฉันจะต้องรวมกันเป็นล้านภาพที่แตกต่างกันหรือทำทุกอย่างทันทีที่ทุกอย่างที่จำเป็นคือการวางภาพหกภาพที่ด้านบนของอีกหนึ่ง

250 html  css  optimization  graphics 

มันขึ้นอยู่กับแพลตฟอร์มที่คุณใช้หรือมีการประชุมทั่วไปที่นักพัฒนาส่วนใหญ่แนะนำ / ติดตาม? มีหลายตัวเลือก: id="someIdentifier"' - ดูสวยสอดคล้องกับรหัสจาวาสคริปต์ id="some-identifier" - ดูเหมือนแอตทริบิวต์ html5 เหมือนและสิ่งอื่น ๆ ใน html id="some_identifier" - ดูค่อนข้างสอดคล้องกับรหัสทับทิมและยังคงเป็นตัวระบุที่ถูกต้องภายใน Javascript ฉันคิดว่า # 1 และ # 3 ด้านบนเหมาะสมที่สุดเพราะพวกเขาเล่นได้ดีกว่าด้วย Javascript มีคำตอบที่ถูกต้องสำหรับสิ่งนี้หรือไม่?

250 html  css  naming-conventions  standards 

ฉันสร้างสไตล์ชีทที่กำหนดเองซึ่งแทนที่ CSS ดั้งเดิมสำหรับเทมเพลต Wordpress ของฉัน อย่างไรก็ตามในหน้าปฏิทินของฉัน CSS ดั้งเดิมมีความสูงของเซลล์ตารางแต่ละตารางที่มีการ!importantประกาศ: td {height: 100px !important} มีวิธีที่ฉันสามารถแทนที่สิ่งนี้หรือไม่?

250 css 

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

249 css 

ฉันต้องได้ความสูงขององค์ประกอบที่อยู่ใน div ที่ถูกซ่อนอยู่ ตอนนี้ฉันแสดง div รับส่วนสูงและซ่อน div parent มันดูโง่ไปหน่อย มีวิธีที่ดีกว่า? ฉันใช้ jQuery 1.4.2: $select.show(); optionHeight = $firstOption.height(); //we can only get height if its visible $select.hide();

249 javascript  jquery  html  css 

ฉันกำลังตรวจสอบh2องค์ประกอบบนหน้าเว็บโดยใช้ตัวตรวจสอบองค์ประกอบของ Google Chrome และกฎ CSS บางอย่างซึ่งดูเหมือนว่าจะนำไปใช้จะเป็นสีเทา ดูเหมือนว่าการหยุดงานประท้วงเป็นการระบุว่ากฎนั้นถูกเขียนทับ แต่มันหมายความว่าอย่างไรเมื่อสไตล์เป็นสีเทา?

249 css  google-chrome  browser  inspector 

ฉันกำลังพยายามสร้างเลย์เอาต์เต็มความสูงสองคอลัมน์ด้วย twitter bootstrap 3 ดูเหมือนว่าtwitter bootstrap 3ไม่รองรับเลย์เอาต์ความสูงเต็ม สิ่งที่ฉันต้องการจะทำ: +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation | Content | | | | | | | | | | | | | | | | | | | +------------+------------------------------------+ หากเนื้อหาเติบโตขึ้น nav ก็ควรเติบโตเช่นกัน ความสูง 100% สำหรับผู้ปกครองทุกคนไม่ทำงานเนื่องจากมีกรณีที่เนื้อหาเป็นหนึ่งบรรทัด ตำแหน่งที่แน่นอนดูเหมือนจะเป็นวิธีที่ผิด display: …

247 html  css  twitter-bootstrap 

ฉันมีจาวาสคริปต์เล็กน้อยเพื่อเปลี่ยนสไตล์: sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; ใช้งานได้ดีกับ FF, Opera และ IE เวอร์ชันล่าสุด แต่ล้มเหลวใน Chrome และ Safari เวอร์ชันล่าสุด มันมีผลต่อลูกหลานสองคนซึ่งเกิดขึ้นเป็นพี่น้อง การปรับปรุงพี่น้องคนแรก แต่ครั้งที่สองไม่ได้ทำ ลูกขององค์ประกอบที่สองยังมีโฟกัสและมีแท็ก<a>ที่มีรหัสข้างต้นในแอตทริบิวต์onclick ใน Chrome หน้าต่าง“เครื่องมือสำหรับนักพัฒนา” ถ้าฉันเขยิบ (เช่นยกเลิกการเลือกและการตรวจสอบ) ใดแอตทริบิวต์ใด ๆองค์ประกอบการปรับปรุงพี่น้องสองกับรูปแบบที่ถูกต้อง มีวิธีแก้ปัญหาที่ง่ายและโปรแกรม "เขยิบ" WebKit ไปทำสิ่งที่ถูกต้องหรือไม่?

247 css  google-chrome  safari  webkit 

ฉันพยายามจัดองค์ประกอบspanหรือdivองค์ประกอบในแนวตั้งภายในdivองค์ประกอบอื่น อย่างไรก็ตามเมื่อฉันใส่vertical-align: middleไม่มีอะไรเกิดขึ้น ฉันได้ลองเปลี่ยนdisplayคุณสมบัติขององค์ประกอบทั้งสองและดูเหมือนว่าจะไม่มีอะไรทำงาน นี่คือสิ่งที่ฉันกำลังทำอยู่ในหน้าเว็บของฉัน: .main { height: 72px; vertical-align: middle; border: 1px solid black; padding: 2px; } .inner { vertical-align: middle; border: 1px solid red; } .second { border: 1px solid blue; } <div class="main"> <div class="inner"> This box should be centered in the larger box <div class="second">Another box …

247 html  css 

เพียงแค่สงสัยว่ามันเป็นไปได้ที่จะทำให้ CSS contentใส่รหัส html แทน string บน:beforeหรือ:afterองค์ประกอบเช่น: .header:before{ content: '<a href="#top">Back</a>'; } สิ่งนี้จะมีประโยชน์มาก ... สามารถทำได้ผ่าน Javascript แต่การใช้ css สำหรับสิ่งนี้จะทำให้ชีวิตง่ายขึ้นจริงๆ :)

246 html  css  pseudo-element  css-content 

ฉันต้องการวางภาพ SVG บางส่วนก่อนองค์ประกอบที่เลือกบางอย่าง ฉันใช้ jQuery แต่นั่นไม่เกี่ยวข้อง ฉันต้องการให้:beforeองค์ประกอบเป็นดังนี้: #mydiv:before { content: '<svg.. code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px 0 10px; } ถ้าฉันทำตามที่แสดงด้านบนมันก็แค่แสดงสตริง ฉันตรวจสอบรายละเอียดและดูเหมือนว่ามีข้อ จำกัด บางประการเกี่ยวกับเนื้อหาที่สามารถเป็นได้ มีการแก้ไขข้อ จำกัด นี้หรือไม่? css เนื้อหาเท่านั้นที่เกี่ยวข้องกับคำถามของฉัน

246 css  svg