Pytania otagowane jako html-lists

Używany w przypadku list uporządkowanych i nieuporządkowanych oraz ich elementów w formacie HTML, a także wszelkich zastosowanych do nich stylów list.


15
Dlaczego powinienem używać „li” zamiast „div”?
Nie jestem pewien, dlaczego muszę używać ul-li, a nie po prostu używać div podczas wystawiania przedmiotów. Mogę sprawić, że oba będą wyglądać dokładnie tak samo, więc jaka jest funkcjonalna zaleta tworzenia nieuporządkowanej listy w porównaniu do ustawiania elementów div
114 html  html-lists 

8
Czy powinienem używać <ul> i <li> w moich <nav>?
Tytuł właściwie to wyjaśnia. Teraz, gdy mamy dedykowany &lt;nav&gt;tag, Czy to jest: &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; lepiej niż poniższe? &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; To znaczy, zakładając, że nie potrzebuję dodatkowego poziomu DOM dla niektórych pozycji / dopełnień CSS, jaki jest …
114 html  html-lists  nav 

11
Znak Unicode jako punktor dla elementu listy w CSS
Na przykład muszę użyć symbolu gwiazdki (★) jako punktora dla pozycji listy. Przeczytałem moduł CSS3: Listy , który opisuje, jak używać niestandardowego tekstu jako punktorów, ale nie działa dla mnie. Myślę, że przeglądarki po prostu nie obsługują ::markerpseudoelementu. Jak mogę to zrobić bez używania obrazów?
114 html  css  html-lists 


7
Jak wyświetlić <ul> w poziomym rzędzie
Jak mogę sprawić, by moje elementy listy były wyświetlane poziomo w rzędzie za pomocą CSS? #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; …
106 html  css  html-lists 

3
Najlepszy sposób na utworzenie „odwróconej” listy w Pythonie?
W Pythonie, jaki jest najlepszy sposób na utworzenie nowej listy, której elementy są takie same, jak elementy innej listy, ale w odwrotnej kolejności? (Nie chcę modyfikować istniejącej listy w miejscu). Oto jedno rozwiązanie, które przyszło mi do głowy: new_list = list(reversed(old_list)) Możliwe jest również skopiowanie, old_lista następnie odwrócenie kopii w …

7
Co to jest domyślny styl listy (CSS)?
Na swojej stronie używam reset.css. Dodaje dokładnie to do listy stylów: 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
Czy możesz stylizować uporządkowane numery list?
Próbuję stylizować liczby na uporządkowanej liście, chciałbym dodać kolor tła, promień obramowania i kolor, aby pasowały do ​​projektu, nad którym pracuję: Myślę, że nie jest to możliwe i będę musiał użyć różnych obrazów dla każdego numeru, tj ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... Czy istnieje prostsze rozwiązanie?
89 html  css  html-lists  sprite 

16
Jak wyśrodkować <ul> <li> na div
Jak wyśrodkować nieuporządkowaną listę o &lt;li&gt;stałej szerokości 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 : …
88 css  html  html-lists 

8
Lista uporządkowana HTML 1.1, 1.2 (liczniki zagnieżdżone i zakres) nie działa
Używam zagnieżdżonych liczników i zakresu, aby utworzyć uporządkowaną listę: 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; &lt;/ol&gt; &lt;li&gt;four&lt;/li&gt; &lt;/ol&gt; …
88 html  css  html-lists 

16
Zmienić kolor punktora na liście html?
Chcę tylko móc zmienić kolor punktora na liście na jasnoszary. Domyślnie jest czarny i nie wiem, jak to zmienić. Wiem, że mógłbym po prostu użyć obrazu; Wolałbym tego nie robić, jeśli mogę temu zaradzić.
86 html  css  html-lists 

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.