«html-lists» etiketlenmiş sorular

Sıralı ve sırasız listeler ve bunların HTML'deki liste öğeleri ve ayrıca bunlara uygulanan liste stilleri için kullanılır.


15
Neden 'div' yerine 'li' kullanmalıyım?
Öğeleri listelerken sadece div yerine ul-li kullanmam gerektiğinden emin değilim. Her ikisinin de tamamen aynı görünmesini sağlayabilirim, öyleyse sırasız bir liste oluşturmanın div'leri sıraya koymanın işlevsel avantajı nerede?
114 html  html-lists 

8
<nav> ’larımın içinde <ul>’ leri ve <li> ’leri kullanmalı mıyım?
Başlık bunu hemen hemen açıklıyor. Artık özel bir etiketimiz olduğuna göre &lt;nav&gt;, Bu: &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#foo"&gt;foo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#bar"&gt;bar&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#baz"&gt;baz&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; aşağıdakilerden daha iyisi var mı? &lt;nav&gt; &lt;a href="#foo"&gt;foo&lt;/a&gt; &lt;a href="#bar"&gt;bar&lt;/a&gt; &lt;a href="#baz"&gt;baz&lt;/a&gt; &lt;/nav&gt; Demek istediğim, bazı CSS konumlandırma / dolgusu için fazladan bir DOM seviyesine ihtiyacım olmadığını …
114 html  html-lists  nav 

11
CSS'de liste öğesi için madde işareti olarak Unicode karakteri
Örneğin, bir liste öğesi için madde işareti olarak yıldız sembolünü (★) kullanmam gerekiyor. CSS3 modülünü okudum : Özel metnin madde işareti olarak nasıl kullanılacağını açıklayan listeler , ancak benim için çalışmıyor. Tarayıcıların ::markersözde öğeyi desteklemediğini düşünüyorum . Resim kullanmadan bunu nasıl yapabilirim?
114 html  css  html-lists 


7
Yatay satırda <ul> görüntüsü nasıl yapılır
CSS kullanarak liste öğelerimin yatay olarak görünmesini nasıl sağlayabilirim? #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } &lt;div id="div_top_hypers"&gt; &lt;ul id="ul_top_hypers"&gt; &lt;li&gt;&amp;#8227; &lt;a href="" class="a_top_hypers"&gt; Inbox&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&amp;#8227; &lt;a href="" class="a_top_hypers"&gt; Compose&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&amp;#8227; &lt;a href="" class="a_top_hypers"&gt; Reports&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&amp;#8227; &lt;a href="" class="a_top_hypers"&gt; Preferences&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&amp;#8227; &lt;a href="" class="a_top_hypers"&gt; logout&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; …
106 html  css  html-lists 

3
Python'da "tersine çevrilmiş" bir liste oluşturmanın en iyi yolu?
Python'da, öğeleri başka bir listeyle aynı olan, ancak ters sırada olan yeni bir liste oluşturmanın en iyi yolu nedir? (Mevcut listeyi yerinde değiştirmek istemiyorum.) İşte aklıma gelen bir çözüm: new_list = list(reversed(old_list)) old_listKopyayı yerinde çoğaltmak ve sonra tersine çevirmek de mümkündür : new_list = list(old_list) # or `new_list = old_list[:]` …

7
Varsayılan liste stili (CSS) nedir?
Web sitemde reset.css kullanıyorum. Stilleri listelemek için tam olarak bunu ekler: 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, …
91 html  css  html-lists 

2
Sıralı liste numaralarını biçimlendirebilir misiniz?
Sıralı bir listedeki sayıları biçimlendirmeye çalışıyorum, çalıştığım tasarımla eşleşmeleri için arka plan rengi, kenarlık yarıçapı ve renk eklemek istiyorum: Sanırım bu mümkün değil ve her numara için farklı resimler kullanmam gerekecek. ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... Daha basit bir çözüm var mı?
91 html  css  html-lists  sprite 

16
<ul> <li> öğesini div olarak nasıl ortalayabilirim
Sıralanmamış bir listeyi &lt;li&gt;sabit genişlikte nasıl ortalayabilirim div? &lt;table width="100%"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td width="41%"&gt;&lt;img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"&gt;&lt;/td&gt; &lt;td width="59%"&gt;&lt;p align="left"&gt;&amp;nbsp;&lt;/p&gt; &lt;h1 align="left"&gt;StudioTeknik.com&lt;/h1&gt; &lt;p&gt;&lt;br align="left"&gt; &lt;strong&gt;Marc-André Ménard&lt;/strong&gt;&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Photographie digitale&lt;/li&gt; &lt;li&gt;Infographie &lt;/li&gt; &lt;li&gt;Débug et IT (MAC et PC)&lt;/li&gt; &lt;li&gt; Retouche &lt;/li&gt; &lt;li&gt;Site internet&lt;/li&gt; &lt;li&gt;Graphisme&lt;/li&gt; &lt;/ul&gt; &lt;p align="left"&gt;&lt;span class="style1"&gt;&lt;strong&gt;Cellulaire en suisse : …
89 css  html  html-lists 

8
Html sıralı liste 1.1, 1.2 (İç içe geçmiş sayaçlar ve kapsam) çalışmıyor
Sıralı bir liste oluşturmak için iç içe geçmiş sayaçları ve kapsamı kullanıyorum: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } &lt;ol&gt; &lt;li&gt;one&lt;/li&gt; &lt;li&gt;two&lt;/li&gt; &lt;ol&gt; &lt;li&gt;two.one&lt;/li&gt; &lt;li&gt;two.two&lt;/li&gt; &lt;li&gt;two.three&lt;/li&gt; &lt;/ol&gt; &lt;li&gt;three&lt;/li&gt; &lt;ol&gt; &lt;li&gt;three.one&lt;/li&gt; &lt;li&gt;three.two&lt;/li&gt; &lt;ol&gt; &lt;li&gt;three.two.one&lt;/li&gt; &lt;li&gt;three.two.two&lt;/li&gt; &lt;/ol&gt; …
88 html  css  html-lists 

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.