Questions tagged [html-lists]

Used for ordered and unordered lists and their list items in HTML, and also any list styles applied to them.

Filter by
Sorted by
Tagged with
-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 ...
BARNALI DAS's user avatar
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 ...
Brandon Blessing's user avatar
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="...
Simon_Paul_99's user avatar
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 ...
DustyKrumples's user avatar
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. ...
oxyeez's user avatar
  • 1
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 ...
Sofie Hilge Thygesen's user avatar
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-...
Gaby's user avatar
  • 21
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%, ...
Kana's user avatar
  • 1
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; ...
Ripley E's user avatar
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 ...
Dean Thomas's user avatar
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 ...
Jerry Christensen's user avatar
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>-<...
fauve's user avatar
  • 230
-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 ...
user33814's user avatar
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 ...
alda.1r's user avatar
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 ...
Paolo M's user avatar
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> <...
True Champion's user avatar
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="<%# ...
Siebie's user avatar
  • 11
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 ...
timbox90's user avatar
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"&...
erniberni's user avatar
  • 329
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 ...
EJ Lin's user avatar
  • 11
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(&...
SSponge9's user avatar
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> ...
psycoperl's user avatar
  • 121
-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:...
Krishan Pratap Singh's user avatar
-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 ...
4U FROM ME's user avatar
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; ...
Zahin Khan's user avatar
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 ...
Kelly Norton's user avatar
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 ...
Gary Fortner's user avatar
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 ...
Shakalakah's user avatar
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 ...
Sezin Köktaş's user avatar
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:...
Natalie Smyth's user avatar
-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 ...
martensas's user avatar
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 ...
Matthieu Riegler's user avatar
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&...
cpascua's user avatar
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 ...
lpotenza's user avatar
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. ...
adeptangel's user avatar
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 ...
bazioles's user avatar
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 ...
Nella22's user avatar
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 ...
Karthik M's user avatar
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 ...
GNMCHLD's user avatar
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....
Sirin Jh's user avatar
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>&...
Shashank Tripathi's user avatar
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 ...
Spike1801's user avatar
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 ...
Kendrick's user avatar
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 ...
Stiofán's user avatar
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 ...
Daniel Kalcher's user avatar
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 ...
Akil prakash's user avatar
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> &...
JackFan's user avatar
  • 41
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 ...
Dhenhice's user avatar
  • 113
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 ...
Bion Alex Howard's user avatar
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 ...
Libdyne's user avatar

1
2 3 4 5
120