Domande taggate «html-lists»

Utilizzato per elenchi ordinati e non ordinati e relativi elementi di elenco in HTML e anche per qualsiasi stile di elenco ad essi applicato.


15
Perché dovrei usare "li" invece di "div"?
Non sono sicuro del motivo per cui ho bisogno di usare ul-li invece di usare semplicemente div quando inserisco gli elementi. Posso far sembrare entrambi esattamente uguali, quindi qual è il vantaggio funzionale nel creare un elenco non ordinato rispetto all'allineamento dei div?
114 html  html-lists 

8
Devo usare <ul> se <li> nei miei <nav>?
Il titolo lo spiega praticamente. Ora che abbiamo un &lt;nav&gt;tag dedicato , È questo: &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; meglio di quanto segue? &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; Voglio dire, supponendo che non abbia bisogno di un livello DOM aggiuntivo per alcuni …
114 html  html-lists  nav 

11
Carattere Unicode come punto elenco per elemento dell'elenco in CSS
Devo usare, ad esempio, il simbolo della stella (★) come punto elenco per un elemento dell'elenco. Ho letto il modulo CSS3: Elenchi , che descrive come utilizzare il testo personalizzato come punti elenco , ma non funziona per me. Penso che i browser semplicemente non supportino lo ::markerpseudo elemento. Come …
114 html  css  html-lists 


7
Come creare una visualizzazione <ul> in una riga orizzontale
Come posso fare in modo che gli elementi della mia lista appaiano orizzontalmente in una riga utilizzando 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="" …
106 html  css  html-lists 

7
Che cos'è lo stile di elenco predefinito (CSS)?
Sul mio sito web utilizzo reset.css. Aggiunge esattamente questo agli stili di elenco: 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, …
91 html  css  html-lists 

2
Puoi modellare i numeri degli elenchi ordinati?
Sto cercando di modellare i numeri in un elenco ordinato, vorrei aggiungere il colore di sfondo, il raggio del bordo e il colore in modo che corrispondano al design da cui sto lavorando: Immagino non sia possibile e dovrò usare immagini diverse per ogni numero, ad es ol li:first-child {list-style-image:url('1.gif')}; …
91 html  css  html-lists  sprite 


16
Come posso centrare <ul> <li> in div
Come posso centrare un elenco non ordinato di &lt;li&gt;in una larghezza fissa 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 …
88 css  html  html-lists 

8
Elenco ordinato HTML 1.1, 1.2 (contatori annidati e ambito) non funzionanti
Uso contatori annidati e ambito per creare un elenco ordinato: 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; …
88 html  css  html-lists 

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.