html-lists Questions
6
Solved
I would like to alternate list-style-type properties for ul lists, so that the outer is a disc, then one inner ul list is a circle, than one more inner is a disc, and so on.
Essentially, what I wa...
Kisung asked 28/3, 2011 at 3:34
4
I'm trying to increase the size of my list item markers with the following CSS:
li::marker {
color: grey;
font-size: 3.5rem;
}
<ul>
<li>Hello</li>
<li>Gromit</li...
Misshape asked 7/11, 2021 at 16:13
19
Solved
I have the following markup,
<ul id="menu">
<li><a href="#">Something1</a></li>
<li><a href="#">Something2</a></li>
<li><a href="...
Gayden asked 13/7, 2009 at 20:7
7
Solved
I am creating an element on my page like so:
<a href="">
<span class="benefits">
Free entry<br />
20% off in store<br />
First to know about latest courses
</spa...
Killie asked 6/10, 2010 at 16:12
6
Solved
Nested list have double bullets. One for the li and another for the child list.
example
<ul>
<li>item</li>
<li>item</li>
<li>
<ul>
<li>item&l...
Azoth asked 28/7, 2013 at 3:49
10
Solved
I am wondering if it's possible to utilize font-awesome (or any other iconic font) classes to create a custom <li> list-style-type?
I am currently using jQuery to do this, ie:
$("li.myClass...
Batty asked 13/11, 2012 at 1:54
6
I cannot get an ordered list to show proper indenting.
The numbers are all aligned to the right.
So the browser (Chrome) shows a space before the single digit numbers and only aligns the double dig...
Plank asked 21/9, 2010 at 9:24
23
Solved
I am doing some unit tests and I want to know if there's any way to test if a list is ordered by a property of the objects it contains.
Right now I am doing it this way but I don't like it, I want...
Pinna asked 21/12, 2009 at 13:54
27
Solved
I'd like to control how much horizontal space a bullet pushes its <li> to the right in an <ol> or <ul>.
That is, instead of always having
* Some list text goes
here.
I'd like...
Ruy asked 7/12, 2010 at 3:10
5
Solved
I'm trying to style the numbers in a ordered list, I'd like to add background-color, border-radius and color so they match the design I'm working from:
I guess it's not possible and I'll have to u...
Sollie asked 12/5, 2014 at 13:17
6
Solved
I have an array of names and I want to show them on my page.
I created an empty ul in my html
<ul id="friendsList">
</ul>
And now I want to add the names to this ol but I doesn't wor...
Icbm asked 23/12, 2017 at 9:26
13
Within a <ul> element, clearly the vertical spacing between lines can be formatted with the line-height attribute.
My question is, within a <ul> element, how do I set the vertical spac...
Mandrill asked 8/10, 2013 at 17:29
10
Solved
What is the proper way to provide a semantic caption for an HTML list? For example, the following list has a "title"/"caption".
Fruit
Apple
Pear
Orange
How should the word "fruit" be handled,...
Imco asked 17/7, 2009 at 6:15
6
Solved
I have horizontal dynamic ul list build by PHP like this:
List1 List2 List3 List4 List5 List6 List7 List8 List9 List10
Is there a way to make new line every 3 lists? So, the result will look lik...
Surbased asked 31/1, 2013 at 8:47
4
Solved
Both list-style-type: lower-latin and list-style-type: lower-alpha results in list like this:
a. item1
b. item2
c. item3
...
Is there any difference between these two values, or they are exactly...
Zahavi asked 3/12, 2011 at 10:32
3
Solved
I'd like to create a multi column list like this:
https://jsfiddle.net/37dfwf4u/
No problem when using a different list for each column:
<ul>
<li>item1</li>
<li>item2<...
Sestertium asked 5/3, 2017 at 20:7
13
Solved
I'm trying to do something that used to be really easy before the start attribute on ol tags was deprecated. I'd just like to have a pair of ordered lists in my page, but start the numbering of the...
Splurge asked 6/1, 2011 at 13:42
11
Solved
My webpage has a 'skinny' list: for example, a list of 100 items of one word in length each. To reduce scrolling, I want to present this list in two or even four columns on the page. How should I d...
Auroora asked 28/6, 2011 at 15:38
6
I have a nested for ... in loop in Vue.js. What I'm trying to do is to skip elements if the value of the element is null. Here is the Vue template code:
<ul>
<li v-for="item in items...
Messina asked 24/3, 2016 at 16:48
7
Solved
I have the following HTML:
<ul>
<li>A
<ul>
<li>subsection</li>
</ul>
</li>
<li>B
<ul>
<li>subsection</li>
</ul>
&l...
Hypanthium asked 28/1, 2011 at 16:30
19
Solved
Is there a way to adjust the position of list-style-image?
When I use padding for list items the image will stay at its position and won't move with padding...
Mide asked 10/11, 2009 at 15:33
9
Solved
I think the answer to this question is no... but does anyone know of a an HTML/CSS way to create an ordered list without a period after the numbers? Or, alternatively, to specify the separator char...
Quintinquintina asked 10/5, 2011 at 4:26
22
Solved
Is there a way to create a list-style in HTML with a dash (i.e. - or – &ndash; or — &mdash;) i.e.
<ul>
<li>abc</li>
</ul>
Outputting:
- abc
It's o...
Alleviative asked 8/7, 2010 at 2:6
17
Solved
Is it possible to change the size of an <li> element's bullet?
Take a look at the code below:
li {
list-style: square; /* I want to change the size of this squared bullet. */
}
I can't seem...
Manifold asked 23/6, 2011 at 15:57
10
I am using a self-styled, numbered list. How can I read the start-attribute and add it to the counter with CSS?
ol {
list-style-type: none;
/* this does not work like I expected */
counter-r...
Midyear asked 16/5, 2014 at 15:27
1 Next >
© 2022 - 2024 — McMap. All rights reserved.