what is this bullet point <li> not showing up with circles?

I'm trying to show some bullet point list circles on my webpage, but it doesn't seem to show, and I tried using firebug but I can't find what's wrong, I went through my whole css file, and I don't...

CSS3 Box-Shadow Linear Gradient?

Is there a way in CSS3 to create a cross-browser (i.e.: Mozilla, Webkit, and Opera) inset box shadow that will transition from black on top to white on the bottom? The closest way that I have...

How to vertically align a progress bar in Twitter Bootstrap?

I'm using the progressbar control of twitter-bootstrap. I want to align it vertically to look like in the following image: I found this thread, but I'm afraid it does not work now. So I do this:...

CSS - display: none; not working

I'm trying to develop a mobile stylesheet and in this stylesheet I want to remove a particular div. In the HTML code of the div, I place an id called "tfl", as shown below: <div id="tfl"...

How to make modal box responsive?

I have implemented this jQuery-based modal box: http://leanmodal.finelysliced.com.au/. It works perfect, and it is quite easy to use. However, it is not responsive - contrary to the rest of the...

Make table column dragable (sort) in bootstrap

I designed a table in bootstrap and a list of column name. I want when I drag any column name in list or table column it will drag both.(table column and list li) Check this link table column is...

PHP: unserialize() expects parameter 1 to be string

If I remove this code everything works fine, but I need to loop over the products from the data (serialized) received. When I use this code it breaks and I don't know why. $products =...

How to enlarge the SVG icon in material-ui iconButtons?

Has anyone build webpages using react.js and the Material UI library? How should I resize the icon size? It is a svg icon. I just built an "create new" component, which is a piece of material...

How to create smooth edges in CSS border shape?

Here is my screen shot, You can able see the blurred edges on the top-left side, I am new to CSS, Please provide solution for this problem. .shape { position: absolute; width: 100%; ...

Z-Index not working on Safari - fine on Firefox and Chrome

The Z-index isn't rendering properly on Safari - but it is working fine on Chrome and Firefox. I can't figure out what the Safari specific bug would be. Here is the relevant...

position: sticky adds some space around element in Chrome

Description I have a <header> element which uses position: sticky to stick to the top of the page when the user scrolls past it. It somehow seems that in Chrome, said element does not display as...

Bootstrap 4 Cards of same height in columns

I'm currently working on Cards from Bootstrap. Depending on the text title I will get the different height for the cards and would like to have the same height as the tallest one. I don't mind...

edge is not displaying background color on a:link

https://fivosm.github.io/ tested on ie, firefox, chrome works fine, the a:link's background is red. In edge though the background is not red until I hover over it. I don't know where to start, my...

Why are my website's background-image gifs using up all of my computer's CPU time?

I'm building a website (www.experimonkey.com) for which I use 3 .gif files (and a bootstrap carousel) on the homepage. One is behind a "login" link on the navigation bar and the others are the...

Material-ui drawer width issue

I'm facing an issue with material-ui drawer. I've changed the width of the drawer container which causes a a problem . The drawer remains a little inside the page and visible but I don't want to...

python requests captcha form

I'm filling a form using requests and python but i'm blocked with the recaptcha. I need to send a g-recaptcha-response but I don't know how to get it. Here is the website code: <div...

Google maps marker custom context menu

I am trying to create a custom context menu for google maps that will only work if I click a marker but this context menu that I am using will display the context menu anywhere I click. I want to...

Simple way to conditionnaly render styled-components and SVG icons

I had a really hard time trying to find a way for a simple action to render user avatar or SVG icon if avatar doesn't exist. I didn't found any good examples (or maybe i'm just bad at finding...

How to make editable input box a required field?

I have an editable input box on my form, my question is how do I make it a required field. Here's the form and what I did: <td contenteditable="true" class="empname" required></td> I'm not...

second hand on javascript clock goes backwards

I did an exercise on 30 Days of JavaScript. The exercise was to make a clock. I made the clock here on CodePen. If you play it, you will see that when the second hand reaches the top, it actually...

Displaying scraped data in Django Template

I am trying to display the data from a website by scraping it and storing it and passing it to template but not able to show anything. When a user click on those red button it will scrape the...

Angular create vertical timeline

I would like to create a Responsive vertical timeline as shown below. sorry, I am backend developer not that strong in CSS. I was able to achieve something as shown below Currently, I am...

Autoplay slider with javascript

im asked to make a autoplay slider but after learning javascript ... i still have no clue how to apply what i've learned ... Need some help .. Im asked to make an autoplay slider which changes...

How to fix error: Argument 1 passed to Illuminate\Database\Grammar::parameterize() must be of the type array, string given, called in

I have an input to enter the tags. Each course will have many tags and I want to save these tags in the same column. Input <div class="card border-grey border-lighten-3 px-2 py-2 box-shadow-1...

Error: Cannot send data if the connection is not in the 'Connected' State. Why my signalR connection isn't working?

I'm trying to implement SignalR on my project. Here is the code of my Index.cshtml where I start the connection and then I get data from URL. Everytime I run my code I get the error !"Error:...

How to create multi page pdf preview using html and css and java script?

I am looking to create a preview of a pdf document and display it as a card using HTML/CSS. This is very similar to how Google drive displays previews of the docs on their home page. I have...

Flip card won't flip back on mobile device

How can I get flip back effect on mobile devices? It works fine on pc because I use the :hover pseudo selector, but on mobile devices it just flips once and flips back only if another card is...

org.jetbrains.kotlin.backend.common.BackendException: Backend Internal error: Exception during psi2ir in Jetpack compose

I am getting this error during compilation or code generation, I have set the jetpack compose dependencies and working on it, I have made some compose components and previews are visible but...

Mudblazor - Click inside the zone of the drag and drop

I'm using a CSS framework for Blazor WebAssembly called Mudblazor. I have added a button inside the drag and drop zone that will remove each image that has been uploaded. But when I click on the...

CSS - JavaScript Not Being Implemented

I fetched an html file using fetch api and took the div components and embedded them into another html file. The css is not being applied after the process is complete. Nor is the javascript file...