Запитання з тегом «html-lists»

Я не впевнений, чому мені потрібно використовувати ul-li vs просто використання 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 для деяких …

114 html  html-lists  nav 

У мене є упорядкований список, де я хотів би, щоб початкове число було 6. Я виявив, що це підтримується (тепер застаріло) в HTML 4.01. У цій специфікації вони кажуть, що ви можете вказати початкове ціле число за допомогою CSS. (замість startатрибута) Як би ви вказали початковий номер за допомогою CSS?

114 html  css  html-lists 

Мені потрібно використовувати, наприклад, символ зірки (★) як кулю для елемента списку. Я прочитав модуль 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-рішення для зміни …

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 …

106 html  css  html-lists 

У Python, який найкращий спосіб створити новий список, елементи якого збігаються з елементами іншого списку, але в зворотному порядку? (Я не хочу змінювати наявний список на місці.) Ось одне з рішень, яке мені спало на думку: new_list = list(reversed(old_list)) Також можна продублювати, old_listа потім повернути дублікат на місце: new_list = …

91 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, …

90 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... Чи є простіше рішення?

89 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 …

88 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> …

87 html  css  html-lists 

Все, що я хочу, - це мати можливість змінити колір кулі у списку на світло-сірий. За замовчуванням чорний, і я не можу зрозуміти, як його змінити. Я знаю, що міг би просто використати зображення; Я волів би цього не робити, якщо зможу допомогти.

86 html  css  html-lists 

Який правильний спосіб надати семантичний підпис для списку HTML? Наприклад, наступний список має "заголовок" / "підпис". Фрукти Яблуко Груша Помаранчевий Як слід поводитися зі словом «фрукт» таким чином, щоб воно було семантично пов’язане із самим списком?

83 html  html-lists  semantic-markup 

Мені цікаво, чи є якийсь спосіб змінити атрибут CSS для останнього liу списку за допомогою CSS. Я розглядав питання використання :last-child, але це здається справді глючним, і я не можу змусити його працювати для мене. Я буду використовувати JavaScript, щоб зробити це, якщо це необхідно, але я хочу знати, чи …

77 html  css  css-selectors  html-lists