คำถามติดแท็ก html-lists

ภายใน<ul>องค์ประกอบสามารถจัดรูปแบบระยะห่างแนวตั้งระหว่างบรรทัดได้อย่างชัดเจนด้วยแอตทริบิวต์ line-height คำถามของฉันคือภายใน<ul>องค์ประกอบฉันจะกำหนดระยะห่างแนวตั้งระหว่างรายการได้อย่างไร

115 html  css  html-lists 

ฉันไม่แน่ใจว่าทำไมฉันต้องใช้ ul-li กับเพียงแค่ใช้ div เมื่อแสดงรายการ ฉันสามารถทำให้ทั้งสองมีลักษณะเหมือนกันได้ดังนั้นประโยชน์ในการใช้งานในการสร้างรายการที่ไม่เรียงลำดับเทียบกับการจัดเรียง divs อยู่ที่ไหน

114 html  html-lists 

ชื่อเรื่องนี้อธิบายได้ค่อนข้างดี ตอนนี้เรามี<nav>แท็กเฉพาะ นี่คือ: <nav> <ul> <li><a href="#foo">foo</a></li> <li><a href="#bar">bar</a></li> <li><a href="#baz">baz</a></li> </ul> </nav> ดีกว่าต่อไปนี้? <nav> <a href="#foo">foo</a> <a href="#bar">bar</a> <a href="#baz">baz</a> </nav> ฉันหมายถึงสมมติว่าฉันไม่ต้องการระดับ DOM เพิ่มเติมสำหรับการวางตำแหน่ง / ช่องว่างของ CSS วิธีที่ต้องการคืออะไรและเพราะเหตุใด

114 html  html-lists  nav 

ฉันจำเป็นต้องใช้ตัวอย่างเช่นสัญลักษณ์รูปดาว (★) เป็นสัญลักษณ์แสดงหัวข้อย่อยสำหรับรายการ ฉันได้อ่านโมดูล CSS3: รายการที่อธิบายวิธีใช้ข้อความที่กำหนดเองเป็นสัญลักษณ์แสดงหัวข้อย่อย แต่ไม่ได้ผลสำหรับฉัน ฉันคิดว่าเบราว์เซอร์ไม่รองรับ::markerองค์ประกอบหลอก ฉันจะทำได้อย่างไรโดยไม่ต้องใช้ภาพ

114 html  css  html-lists 

ฉันจะจัดเรียงตัวเลขไปทางซ้ายในรายการสั่งซื้อได้อย่างไร? 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up เปลี่ยนตัวอักษรหลังตัวเลขในรายการสั่งซื้อ? 1) an item นอกจากนี้ยังมีโซลูชัน CSS ในการเปลี่ยนจากตัวเลขเป็นรายการตามตัวอักษร / โรมันแทนการใช้แอตทริบิวต์ type ในองค์ประกอบ ol ฉันสนใจคำตอบที่ใช้ได้กับ Firefox 3 เป็นส่วนใหญ่

109 html  css  html-lists  roman-numerals 

ฉันจะทำให้รายการของฉันปรากฏในแนวนอนติดต่อกันโดยใช้ CSS ได้อย่างไร #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>‣ <a href="" class="a_top_hypers"> Inbox</a></li> <li>‣ <a href="" class="a_top_hypers"> Compose</a></li> <li>‣ <a href="" class="a_top_hypers"> Reports</a></li> <li>‣ <a href="" class="a_top_hypers"> Preferences</a></li> <li>‣ <a href="" class="a_top_hypers"> logout</a></li> </ul> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด

106 html  css  html-lists 

ใน Python วิธีใดที่ดีที่สุดในการสร้างรายการใหม่ที่มีรายการเหมือนกับรายการอื่น ๆ แต่เรียงลำดับย้อนกลับ (ฉันไม่ต้องการแก้ไขรายการที่มีอยู่) นี่คือทางออกหนึ่งที่เกิดขึ้นกับฉัน: new_list = list(reversed(old_list)) นอกจากนี้ยังสามารถทำซ้ำold_listจากนั้นย้อนกลับรายการที่ซ้ำกันได้: new_list = list(old_list) # or `new_list = old_list[:]` new_list.reverse() มีตัวเลือกที่ดีกว่าที่ฉันเคยมองข้ามไปหรือไม่? หากไม่เป็นเช่นนั้นมีเหตุผลที่น่าสนใจ (เช่นประสิทธิภาพ) ที่จะใช้วิธีใดวิธีหนึ่งข้างต้นมากกว่าอีกวิธีหนึ่งหรือไม่?

92 python  reverse  html-lists 

บนเว็บไซต์ของฉันฉันใช้ reset.css มันเพิ่มสิ่งนี้ให้กับรูปแบบรายการ: ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, …

91 html  css  html-lists 

ฉันกำลังพยายามจัดรูปแบบตัวเลขในรายการสั่งซื้อฉันต้องการเพิ่มสีพื้นหลังรัศมีขอบและสีเพื่อให้ตรงกับการออกแบบที่ฉันกำลังดำเนินการ: ฉันเดาว่าเป็นไปไม่ได้และฉันจะต้องใช้รูปภาพที่แตกต่างกันสำหรับแต่ละหมายเลขเช่น ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... มีวิธีแก้ปัญหาที่ง่ายกว่านี้หรือไม่?

91 html  css  html-lists  sprite 

ฉันจะจัดกึ่งกลางรายการที่ไม่เรียงลำดับ<li>เป็นความกว้างคงที่ได้divอย่างไร <table width="100%"> <tbody> <tr> <td width="41%"><img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"></td> <td width="59%"><p align="left"> </p> <h1 align="left">StudioTeknik.com</h1> <p><br align="left"> <strong>Marc-André Ménard</strong></p> <ul> <li>Photographie digitale</li> <li>Infographie </li> <li>Débug et IT (MAC et PC)</li> <li> Retouche </li> <li>Site internet</li> <li>Graphisme</li> </ul> <p align="left"><span class="style1"><strong>Cellulaire en suisse : </strong></span><a href="#">+41 079 573 48 99</a></p> <p …

89 css  html  html-lists 

ฉันใช้ตัวนับและขอบเขตที่ซ้อนกันเพื่อสร้างรายการสั่งซื้อ: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> <li>four</li> </ol> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ฉันคาดหวังผลลัพธ์ต่อไปนี้: 1. one 2. two 2.1. two.one …

88 html  css  html-lists 

สิ่งที่ฉันต้องการคือสามารถเปลี่ยนสีของสัญลักษณ์แสดงหัวข้อย่อยในรายการเป็นสีเทาอ่อนได้ ค่าเริ่มต้นเป็นสีดำและฉันคิดไม่ออกว่าจะเปลี่ยนอย่างไร ฉันรู้ว่าฉันสามารถใช้รูปภาพได้ ฉันไม่ควรทำอย่างนั้นถ้าฉันสามารถช่วยได้

87 html  css  html-lists