Category "css"

How to plot x,y coordinates of item on a image in html

I need to place/plot a pin(Small image to point the parts of person) on a image(For example: A image of person). I am getting x,y,height,width values from ser

CSS flip card flicker on Safari and broken scroll

I have a flip card that displays content on the front and back. Front content determines the height of the card. The card back should be the same height as th

What is the utility of the media attribute in the Link tag?

Is there any advantage or improvement to us using the media attribute in the link tag? If so?, then I don't need to use the @media rule in my CSS, using the med

Responsive footer always in bottom

I'm having trouble by creating a responsive footer that always stay on the bottom of the page. The code I'm actually using is this: body { margin: 0 0 200p

how to show an overflow element completely . 'overflow-x : visible ' not working

i have a template with 3 section that .rightand.left sections are sticky to top and have 100vh height. and may become overflowed , that should be scrolled separ

Page looks different on localhost than in Intellij preview

In my Spring app I have implemented form on my page and I don't know why it looks different when I run it on localhost from when i clicked in the Intellij chrom

how to show an overflow element completely . 'overflow-x : visible ' not working

i have a template with 3 section that .rightand.left sections are sticky to top and have 100vh height. and may become overflowed , that should be scrolled separ

Placing <label> text inside the border of a text input

I'm looking get this code: <form id="first_name"> <div class="form-group"> <label>First name</label> <input ty

Line break when combining image_tag and text in Rails navbar

I want to combine a logo and the brandname as text in my bootstrap based navbar. The problem is I can't figure out why there is a line break and the text not on

How can I overlay multiple PNGs and have each of them clickable in their visible area?

I need to set up a clickable image system for dynamically created content. The image consists of a background image, and several grey-scale mask images. Backgro

How to create slanted underline style

I'm trying to achieve this underline style using CSS. It needs to work on text with multiple lines. Has anyone got any ideas?

How to remove last element in calculator?

I want to remove last element when I click on '<-' button. But for some reason, it's not working what I have. I am removing the last number from div using re

TailwindCSS 3 classes doesn't override previous classes

I am facing an issue which is mind-numbing in the world of CSS. TailwindCSS 3 classes just doesn't override previous classes. For example, there is this compone

Add link tag using only for homepage in bigcommerce

I want to add <link rel="alternate" href="https://www.example.com" hreflang="en-us" /> this kinda of link tag in my bigcommerce site using jQuery or anyth

JavaFX - How to get custom properties in scene builder?

I am looking for a solution to define editable properties of custom controls. Jens Deters built already superb custom controls with fontawesomefx for JavaFX.

How to have each item in my flex row remain square (same width as height) without using JavaScript [duplicate]

I'd like these letters to sit in the row, each letter div with same height and width. This is my demo of the problem https://codepen.io/daniel

Using calc to indent child element of CSS Grid accurately align with grid columns

I have a content block within a CSS Grid item, which works fine. In some instances I want to be able to indent a child element 1 or 2 columns so accurately so i

How overlap an image over a circle?

This is the circular effect I trying to reproduce. There is a grey circle and a animated spinning red reticle when hover over the picture. I try with border-

Align button to the right in td element

I have a <td> element with content and a button. The width of the content should be all except the width of the button which will be fixed. The button sho

Align button to the right in td element

I have a <td> element with content and a button. The width of the content should be all except the width of the button which will be fixed. The button sho