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

4
สิ่งที่มาแทนที่ Cellpadding, Cellspacing, Valign และจัดเรียงในตาราง HTML5 คืออะไร
ในVisual Studioฉันเห็นคำเตือนเหล่านี้: การตรวจสอบความถูกต้อง (HTML 5): แอตทริบิวต์ 'cellpadding' ไม่ใช่แอตทริบิวต์ที่ถูกต้องขององค์ประกอบ 'table' การตรวจสอบความถูกต้อง (HTML 5): แอตทริบิวต์ 'cellspacing' ไม่ใช่แอตทริบิวต์ที่ถูกต้องขององค์ประกอบ 'ตาราง' การตรวจสอบความถูกต้อง (HTML 5): แอตทริบิวต์ 'valign' ไม่ใช่แอตทริบิวต์ที่ถูกต้องขององค์ประกอบ 'td' การตรวจสอบความถูกต้อง (HTML 5): แอตทริบิวต์ 'จัดตำแหน่ง' ไม่ใช่แอตทริบิวต์ที่ถูกต้องขององค์ประกอบ 'td' หากพวกเขาไม่ใช่แอตทริบิวต์ที่ถูกต้องในHTML5สิ่งที่แทนที่พวกเขาใน CSS
10
ฉันจะเก็บ CSS ลอยในหนึ่งบรรทัดได้อย่างไร
ฉันต้องการมีสองรายการในบรรทัดเดียวกันใช้float: leftสำหรับรายการทางด้านซ้าย ฉันไม่มีปัญหาในการบรรลุเป้าหมายนี้เพียงอย่างเดียว ปัญหาคือผมต้องการทั้งสองรายการที่จะเข้าพักในบรรทัดเดียวกันแม้เมื่อคุณปรับขนาดเบราว์เซอร์ขนาดเล็กมาก คุณรู้ไหมว่ามันเป็นอย่างไรกับตาราง เป้าหมายคือการป้องกันไม่ให้สินค้าถูกห่อไว้ไม่ว่าอะไรจะเกิดขึ้น วิธีการที่ผมบอกเบราว์เซอร์ใช้ CSS ที่ผมค่อนข้างจะยืดที่มีdivกว่าห่อมันเพื่อที่float: right;div เป็นดังต่อไปนี้float: left; div? สิ่งที่ฉันต้องการ: \ +---------------+ +------------------------/ | float: left; | | float: right; \ | | | / | | |content stretching \ Screen Edge | | |the div off the screen / <--- +---------------+ +------------------------\ /
10
เส้นขอบรอบ ๆ แถวที่ระบุในตาราง?
ฉันกำลังพยายามออกแบบ HTML / CSS ที่สามารถวางเส้นขอบรอบ ๆ แถวที่ต้องการในตารางได้ ใช่ฉันรู้ว่าฉันไม่ควรใช้ตารางในการจัดวาง แต่ฉันไม่รู้ CSS เพียงพอที่จะแทนที่มันได้ทั้งหมด อย่างไรก็ตามฉันมีตารางที่มีหลายแถวและคอลัมน์บางส่วนรวมเข้ากับ rowspan และ colspan และฉันต้องการใส่เส้นขอบที่เรียบง่ายรอบ ๆ ส่วนต่างๆของตาราง ตอนนี้ฉันใช้คลาส CSS แยกกัน 4 คลาส (บนล่างซ้ายขวา) ที่ฉันแนบกับ<td>เซลล์ที่อยู่ด้านบนล่างซ้ายและขวาของตารางตามลำดับ .top { border-top: thin solid; border-color: black; } .bottom { border-bottom: thin solid; border-color: black; } .left { border-left: thin solid; border-color: black; } .right …
120 html  css  border  css-tables 
3
วิธีระบุความสูงของตารางเพื่อให้แถบเลื่อนแนวตั้งปรากฏขึ้น?
ฉันมีตารางที่มีหลายแถวในเพจของฉัน ฉันต้องการกำหนดความสูงของตารางพูดเป็น 500px เช่นถ้าความสูงของโต๊ะใหญ่กว่านั้นแถบเลื่อนแนวตั้งจะปรากฏขึ้น ฉันพยายามใช้heightแอตทริบิวต์CSS tableแต่ไม่ได้ผล
101 css  css-tables 
10
วิธี CSS ในการจัดแนวตารางในแนวนอน
ฉันต้องการแสดงตารางที่มีความกว้างคงที่ที่กึ่งกลางของหน้าต่างเบราว์เซอร์ ตอนนี้ฉันใช้ <table width="200" align="center"> แต่ Visual Studio 2008 ให้คำเตือนในบรรทัดนี้: แอตทริบิวต์ "จัดตำแหน่ง" ถือว่าล้าสมัย ขอแนะนำโครงสร้างที่ใหม่กว่า ฉันควรใช้สไตล์ CSS แบบใดกับตารางเพื่อให้ได้รูปแบบเดียวกัน
16
ระยะขอบเซลล์ CSS
ในเอกสาร HTML ของฉันฉันมีตารางที่มีสองคอลัมน์และหลายแถว ฉันจะเพิ่มช่องว่างระหว่างคอลัมน์แรกและคอลัมน์ที่สองด้วย css ได้อย่างไร ฉันได้ลองใช้ "margin-right: 10px;" ไปยังแต่ละเซลล์ทางด้านซ้ายมือ แต่ไม่มีผลใด ๆ
96 html  css  cell  margin  css-tables 
7
วิธีใดที่ดีที่สุดในการจัดกึ่งกลางเนื้อหาอีเมล HTML ของคุณในหน้าต่างเบราว์เซอร์ (หรือบานหน้าต่างแสดงตัวอย่างไคลเอ็นต์อีเมล)
โดยปกติฉันจะใช้กฎ CSS margin:0 autoร่วมกับคอนเทนเนอร์ 960 สำหรับเนื้อหาที่ใช้เบราว์เซอร์มาตรฐานของฉัน แต่ฉันยังใหม่กับการสร้างอีเมล HTML และฉันมีการออกแบบต่อไปนี้ซึ่งตอนนี้ฉันต้องการจัดกึ่งกลางในหน้าต่างเบราว์เซอร์โดยไม่มี CSS มาตรฐาน . http://static.helpcurenow.org/mockups/emails/2010/may-survey/survey.html ฉันจำได้ว่าเคยเห็นที่ไหนสักแห่งที่สามารถทำได้โดยการตัดการออกแบบตารางอีเมลของคุณไว้ในตารางด้านนอกที่ตั้งไว้width:100%และใช้สไตล์อินไลน์สำหรับtext-align:centerบนร่างกายหรืออะไรทำนองนี้เพื่อทำ มีแนวทางปฏิบัติที่ดีที่สุดสำหรับสิ่งนี้หรือไม่?
2
CSS“ display: table-column” ควรจะทำงานอย่างไร
ด้วย HTML และ CSS ต่อไปนี้ฉันไม่เห็นอะไรเลยในเบราว์เซอร์ของฉัน (Chrome และ IE ล่าสุดในขณะที่เขียน) ทุกอย่างยุบลงเหลือ 0x0 พิกเซล ทำไม? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; } #colRight { display: table-column; height: 100%; background-color: red; } #row1 { display: table-row; …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.