html-lists Questions
17
Solved
All I want is to be able to change the color of a bullet in a list to a light gray. It defaults to black, and I can't figure out how to change it.
I know I could just use an image; I'd rather not ...
Lodovico asked 16/9, 2008 at 20:23
4
I wonder if we can use the Plus sign in the list style.
Instead of Disc, Circle... in <li> List-style, can we have a plus sign?
li {list-style: disc...}
Sochi asked 22/9, 2013 at 4:14
14
Solved
I need to use, for example, the star-symbol(★) as the bullet for a list-item.
I have read the CSS3 module: Lists, that describes, how to use custom text as bullets, but it's not working for me. I ...
Saturant asked 8/7, 2010 at 11:55
7
Solved
I have set the list-style-type in CSS, but for some reason it's not showing it.
body {
margin: 0;
}
ol {
list-style-type: decimal;
padding-left: 0;
}
<ol>
<li>Item 1<...
Referendum asked 16/9, 2012 at 14:19
10
Solved
I'm trying to create an ordered list in CSS + HTML that looks like this:
I can't for the life of me figure out how to do this. I've tried using list-image but then the numerals don't appear. I tr...
Brunhilda asked 20/4, 2011 at 15:28
3
This seems like it ought to be ridiculously easy, but I'm having trouble figuring it out.
I want to replicate the <li> function so the disc image appears to the left, but applied to a tag
I...
Geochronology asked 21/1, 2011 at 21:48
19
Solved
With the following HTML, what is the easiest method to display the list as two columns?
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
&...
Anthelmintic asked 7/2, 2013 at 6:50
6
Solved
I use li to show a list of records.
Each li has a bottom-border:1px solid black;
but I don't want to show border at the end of li?
example:
.test li{
height:1%;
overflow:hidden;
padding:4px ...
Berman asked 20/2, 2011 at 14:6
4
Solved
I'm having trouble coming up with CSS for a hierarchical display, like a tree of files and folders. I use nested unordered lists:
<ul>
<li>animals<ul>
<li>dogs</li>...
Vannie asked 26/12, 2012 at 0:5
17
How can I reduce default gap between bullet and text in an <li>?
Item 1
Item 2
Item 3
I want to reduce gap between the bullet and "I".
Pauli asked 14/3, 2010 at 3:12
10
Solved
I use nested counters and scope to create an ordered list:
ol {
counter-reset: item;
padding-left: 10px;
}
li {
display: block
}
li:before {
content: counters(item, ".") " ";
cou...
Peaked asked 1/5, 2012 at 23:53
8
Solved
I have a list:
<ul>
<li>milk</li>
<li>butter</li>
<li>eggs</li>
<li>orange juice</li>
<li>bananas</li>
</ul>
Using ja...
Heredia asked 15/8, 2011 at 19:59
4
Solved
I have a list of users as well:
<ul>
<li class="thumb selectable arrow light" style="margin-bottom:-5px;"
data-image="http://cdn.tapquo.com/lungo/icon-144.png">
<strong class="name"...
Asquith asked 24/3, 2013 at 11:13
5
Solved
I have a HTML Element, or list item, which has both an id and a class assigned to it. I am writing automated tests, and I need to check the class for this element. In the test, when I call window.d...
Nevsa asked 2/8, 2011 at 15:44
9
Solved
How can I make my list items appear horizontally in a row using CSS?
#div_top_hypers {
background-color:#eeeeee;
display:inline;
}
#ul_top_hypers {
display: inline;
}
<div id="di...
Deadhead asked 20/5, 2009 at 0:36
6
Solved
I am working on a website and for the menu I have the following code:
<header>
<div class="sticky-nav">
<a id="mobile-nav" class="menu-nav" href="#menu-nav"></a>
<nav...
Polyzoic asked 16/11, 2014 at 2:18
2
Judging by the class name and the jQuery UI CSS source, the ui-helper-hidden-accessible class appears to be a way of hiding an element while still making it accessible.
What I don't understand is ...
Rockandroll asked 25/12, 2012 at 2:44
6
Solved
I'm using *{margin:0; padding:0;} and this is the first time that it breaks me in something. List paddings and margins are 0 too, so the indentation is lost. and I would like to reset them to their...
Eldwen asked 6/4, 2011 at 3:22
6
Solved
Why is the following code valid when I am using a <div> inside a <li>?
<ul>
<li class="aschild">
<div class="nav">Test</div>
</li>
</ul>
Carpi asked 23/6, 2011 at 5:36
4
Solved
I've just noticed something funny. Let's say I have a HTML list:
<ol>
<li>Lorem</li>
<li>ipsum</li>
<li>dolor</li>
<li>sit amet enim. Etiam ulla...
Casern asked 30/1, 2011 at 14:48
5
Solved
I am creating a list and styling it with Bootstrap. The HTML looks something like this:
<div class="list-group">
<a href="/link" class="list-group-item list-group-item-success">Name&l...
Divulsion asked 5/6, 2017 at 14:22
5
Solved
I'm trying to remove some white space on the left of a fixed top menu ul but I'm stuck, I already searched and put this:
#nav li {
list-style: none;
display: inline-block;
}
I want to put all ...
Akee asked 16/6, 2013 at 3:22
6
Solved
This seems to valid for display: inline; and display: inline-block; too.
This is what I mean:
ul li {
display: block;
/* Or display: inline; */
/* Or display: inline-block; */
}
<ul>
&...
Torrens asked 6/6, 2011 at 19:35
7
Solved
I have an html Ordered list with type set to "A"
<ol type="A">...</ol>
Thus, each list item will start with A, B, C, etc.
I would like to style the A, B, C letters to be bold. I hav...
Arleen asked 14/5, 2009 at 11:46
3
Solved
I want to download data from google drive link shared by someone using google colab. I am a new user of colab and I don't know how to do that.
the links are
x_train: https://drive.google.com/open?i...
Ticktack asked 6/7, 2020 at 15:51
© 2022 - 2024 — McMap. All rights reserved.