Questions tagged [html-lists]
Used for ordered and unordered lists and their list items in HTML, and also any list styles applied to them.
5,968
questions
-3
votes
0
answers
32
views
you will have to print all numbers from 0 (inclusive) up to N [closed]
In this practice problem, you will have to print all numbers from 0 (inclusive) up to N (inclusive).
For this, we recommend that you use the range() built-in function.
You can use for var_name in ...
0
votes
0
answers
10
views
Trouble with changing a styled list transition conflicting with the transition from light mode to dark mode and vice versa
When a user changes from light mode to dark mode, or vice versa, a 1s ease transition takes place. However, when the transition is taking place on a specific page with a styled list, the list is also ...
0
votes
0
answers
19
views
Is it possible to display an absolute child of a relative element outside of the relative element's box, if said box is overflow-y: auto?
I'm trying to represent a deep-nested folder structure as a clickable multi-level drop menu. Here is a quick sample of what I have right now in action. Here's an HTML sample:
<div class="...
0
votes
1
answer
38
views
Centering a title over two unordered lists in a dropdown mega menu
I am looking to center a title over the top of two unordered lists. I am rather new to HTML,CSS and JS so my go-to is usually chat gpt or just google, but I cannot seem to find any examples of how to ...
0
votes
0
answers
35
views
Unexpected token 'export' from ol-contextmenu when testing Angular app with Jest
When I run a jest test on a service importing ol-contextmenu, I have the error :
Test suite failed to run
Jest encountered an unexpected token
Jest failed to parse a file. This happens e.g. ...
0
votes
0
answers
26
views
How come I cannot see New Point from ol on my map, and I cannot change the color of the point either?
I am trying to demonstrate points on a map, the coordinates for the points are being fetched from an api. I made it work in another project, but when I do the same here I cannot see the points. I do ...
0
votes
0
answers
33
views
Select an option of a drop down list element on web page with vba Excel and submit the web form with the new value selected on the list
There is a non-public webpage where I want to fill and submit programatically all fields on it. I have no experience with web programming but I have even so been able to programming some simple web-...
0
votes
2
answers
36
views
<li> tag with wrapping text is causing its parent div to expand in width?
Would like some clarification on why this happens.
I have a parent div that is set to have width:70%
Inside the parent div, I have two more divs that are side by side. The left div has width:15%, ...
1
vote
2
answers
34
views
How to align listed bullet point text?
I have a bullet list with an image as the bullet point and have it coded like as shown in the snippet:
li::before {
content: "";
display: inline-block;
height: 15px;
width: 15px;
...
0
votes
1
answer
33
views
Ordered list using thymeleaf loop not connected
I'm sorry if I have to be vague as I can't really show the clients requirement.
I have a stacked ordered list, which shows details of the parent and child. Before the parent and child part, the first ...
0
votes
0
answers
39
views
Display unordered list inline on mobile and desktop. What am I doing wrong?
My current coding displays the <ul> inline on desktop but not mobile. Also, how do I make the <p> section inline with the <ul>?
I tried the following code. I added the .div-Cuisine ...
0
votes
2
answers
79
views
Make in XSLT a TOC of the heading nodes inside an ul li structure
General overview
I try to make the table of content (TOC) of a document by picking only his heading nodes like h1, h2… h9 (h[0-9]).
These heading nodes should be structured in cascading <ul>-<...
-1
votes
1
answer
26
views
Nested HTML Ordered List starting with 1.1
(Warning: I am relatively new to HTML coding...)
I want my nested HTML ordered list to look like the following:
1.1 Authorization and Authentication
1.1.1 Bla Blaa Bla
1.1.2 More bla bla
...
0
votes
1
answer
43
views
Dropdown lists in ASP.NET
I am trying to make a price calculator with the following calculation:
The final price = the original price (1 - percentage) (100 - special) /100
I got the getting price part down, the getting the ...
0
votes
0
answers
24
views
Ordered List with Nested Counters but not always
I would need to show ordered lists with numbering type 1.1 with sub-lists with simple or unordered numbering (point). In description what I would like to appear
This is how I would like it to come and ...
1
vote
0
answers
15
views
why there is left padding and margin top for ul(flex) in header (flex)
i want to give a vertical navbar , and contents should be on left
//// ITS HTML ////
enter image description here<section class="header2">
<ul>
<...
0
votes
1
answer
27
views
ASP.NET how to call OnCommand from <li>?
<asp:ListView ID="CategoryList" runat="server">
<ItemTemplate>
<ul id="container">
<li>
<img src="<%# ...
0
votes
3
answers
45
views
HTML - list items on left and right of page, on same lines
I am creating a website that is going to be my resume. I have my name centered, I am going to have my contact details below. On the left, I am going to have my address over two lines, and on the right ...
0
votes
2
answers
36
views
HTML/CSS/Javascript: Change ul-li:before backround-image with javascript
I have a div that contains an ul that has a custom image as the marker:
HTML:
<div class="block">
<h2>Custom List</h2>
<div class="ul-custom"&...
0
votes
1
answer
65
views
How to put list bullet points to center
I was just practicing how to code in html and I'm having a difficult time finding a way to put the bullet points of lists in HTMLI.
so here is a sample of an ordered list that I did. When I tried ...
0
votes
1
answer
19
views
How do i apply a style to multiple li elements in js?
var button = document.getElementById("enter");
var input = document.getElementById("userinput");
var ul = document.querySelector("ul");
var li = document.querySelector(&...
0
votes
0
answers
21
views
HTML & CSS - Multiple Tiered Lists [duplicate]
How can I recreate via HTML & CSS a list that would have item bullets such as:
1 Definitions and ...
1.1 Test 123
1.2 Smile 23
1.2.1 Test 23
2 Fed
2.1 Fes
etc...
When I try
<ol>
...
-2
votes
1
answer
47
views
How to Scrap the Value from the <tr><td><font size="2"><strong> tag
I'm new to web scraping with Python, having just started last week. I have a question about how to extract information using HTML tags, particularly when dealing with tags. On the website "https:...
-1
votes
1
answer
23
views
Why that CSS :hover pseudo class not working? [duplicate]
i'm beginner and i try to design a navigation bar . i need to scale up item's size when it hover . I write css code for that but it didn't work. so i need your help
The css code i wrote mentioned ...
0
votes
2
answers
35
views
How do i change the list numbers of the ol to look like this
I am trying to make my list numbers look something like this:
Example
this is my current code for this:
CSS:
ul > ol > li::before > li::marker {
font-weight: 700;
position: absolute;
...
0
votes
1
answer
29
views
Why is my unordered list getting pushed to the right side?
I know next to nothing about HTML, and even less about CSS, and dear lord what I wouldn't give for a WYSIWYG editor that makes this stuff easier!
I simply can't understand why the unordered list I ...
0
votes
1
answer
29
views
How to wrap this text
Hi basically I have this text in html
here is is picture
https://i.stack.imgur.com/kbwus.png
I want to know how to wrap that left column and create another empty line when line in right column will be ...
0
votes
0
answers
22
views
Adding bottom padding to `last-child` of the list doesn't work
There is a list, where each list item (<li class="meaning-word">) may or may not be followed by a sentence in English (<li class="sentence-en"> - light-blue font) and ...
0
votes
0
answers
41
views
How can I create a table by taking rows and columns from different tables in Bootstrap?
I have two tables with checkboxes. In the first table, I am giving permission for departments to users since every department has different employee. When I choose the departments for the users in the ...
0
votes
2
answers
42
views
How to fix alignment on ordered list after using CSS to remove the dot after each number
I am creating a rules page for a game, and the design specs have the rules in an ordered list without the period after each number:
1 Rule one
2 Rule two
3 Rule three
I removed the dot using this code:...
-2
votes
1
answer
32
views
Arbitrary values in HTML list
I'm trying to make a HTML list with the following format:
1. Note 1
2. Note 2
2a. Subnote
This brings me to a broader problem. Is it possible to set the values before the period in a HTML list ...
1
vote
0
answers
80
views
Why does a nested block item change the marker alignment on Firefox vs Chrome?
This particular code below has a different render in Firefox vs Chrome.
<ul>
<li>
<a href="/"><div>test</div></a>
</li>
</ul>
Firefox ...
0
votes
0
answers
56
views
Incorrect nested ordered list on Firefox with valid HTML
I have a nested ordered list being rendered from Markdown using react-markdown. The list is numbered correctly in Chrome but not in Firefox. It has the following HTML structure:
<ol>
<li&...
1
vote
1
answer
32
views
Why when i refresh the website the list disappear?
So, im working on a little project of mine, just trying to lear some React + Vite.js and i developed this site where you can save the countries that you visited. I want to make the list stay when you ...
0
votes
0
answers
12
views
How can I properly center these inline list items? [duplicate]
I'm trying to display the items of a list horizontally across the page, that is, like this:
Item one Item two Item three
as opposed to vertically down the page. I also don't want bullet points. ...
1
vote
1
answer
114
views
Create curl delete request in a shell script loop
I have the following problem.
In the first curl query assigned to the list_json variable, I get a list of objects in json format.
Then, based on the id's extracted from this list, I want to delete ...
0
votes
1
answer
43
views
How to remove a span element temporarily when looping through a list?
I wrote a little program where you enter links into several lists. Created a button that when clicked opens all the links in that specific list. But the problem encountered was that, when it loops ...
0
votes
0
answers
39
views
How to set active class on my list menus and submenu
I tried this to my code given below is not working on me... once I click the anchor the page will load then the active class is set to default. I want to set the list active and submenu too using ...
0
votes
1
answer
33
views
Stroke containing alternating dashes and dots in OL
I'm trying to draw a line around a geometry, my wish is to alternate between dashes and dots as you see in the picture, the issue here is to have them in different colors. The dot is black while the ...
1
vote
2
answers
95
views
CSS counter-reset not working properly in HTML table
When encountering the issue of the CSS counter-reset property not functioning correctly in an HTML table, it refers to a problem where the counter fails to reset as expected within the table structure....
0
votes
0
answers
32
views
Correct way of setting bookmarks using anchor tag?
Anchor tag
<section>
<ul>
<li><a href="#Road">ABC</a></li>
<li><a href="">DEF</a>&...
0
votes
1
answer
17
views
Why are my menu links centered when i wrapped them in <ul> tags?
I am currently just creating some random files with exemplary pieces of code (i am aware that i might not have the most optimal way of doing something but i just started out, but please do share if ...
0
votes
0
answers
8
views
How can I change the value of the button if I add it to a different ul?
enter image description here
I'm using Vanilla JS. I do really want to change the value of my button from 'Add to Cart' to remove, if I add it to other ul. Creating a new li came up to my mind but I ...
0
votes
1
answer
16
views
Why does selecting a 'Part' in my Angular *ngFor nested html-list display the corresponding 'Mechanism' instead?
I am new to Angular and am having an issue with a nested *ngFor and am hoping you can shed some light on the problem.
I have a main component (Portfolio), which has a nav component and detail ...
1
vote
2
answers
78
views
Clicking Element which is in a <li> element
Hey I am new to Selenium and I am trying to click an Element in a Dropdown Bar but the Error is that "an invalid or illegal selector was specified"
This was my last try:
IWebElement dropdown ...
0
votes
0
answers
11
views
In HTML, role ="menu" is not recognized and its showing error
As new to the software field and am on learning all those stuffs. While trying to workout with the bootstrap, I encounter this sort of error.
While typing role=menu its showing red underline for ul ...
3
votes
1
answer
88
views
Why are there two different results for the numbering of <dl> tags in Edge and Firefox?
The following snippets produce different results in Edge and Firefox:
dd {
display: list-item;
list-style-position: inside;
list-style-type: decimal;
counter-increment: 1;
}
<ul>
&...
1
vote
2
answers
52
views
How to add an action listener for a <li> tag using its id? [duplicate]
I am creating a li tag that once the user clicks it, it will post something on the console using javascript.
Here is my index.html:
$('#Title').on('click', function(){
console.log("List was ...
2
votes
0
answers
121
views
Enable user-select on `ol li ::marker` to avoid losing numbers from numbered lists
I face a problem with copying numbered lists (<ol>) from a chat application. When I copy the text, it doesn't include ::marker numbers. This makes the list items lose context, as numbers ...
0
votes
1
answer
87
views
How can I output a list of DOM elements that starts from an ID element given by a user?
There is a JS function that gives me a list of DOM tree and I need to let user enter Id that will be the first on output list, no DOM objects from the list before it should be printed. I don't really ...