Category "css"

Could `currentBackgroundColor` become a valid, useful CSS color value keyword?

CSS3 defines currentColor as a color equivalent to an element’s color property. It’s sorta kinda like a CSS variable, but on a per-element basis. Wh

Make other div not have its flow altered by a floated div

I have a page with a float: right'ed div at the top, and a text-align: center'ed div right underneath it. Is it possible to make the floated div not alter the f

Giving a border to an HTML table row, <tr>

Is it possible to border a table row, <tr> in one go instead of giving a border to individual cells, <td> like, <table cellpadding="0" cells

How to create a password protected website?

I am in the middle of creating my website and I need to create password protected JavaScript code to access it. Do I need to change my CSS as well, or it will

Vue filepond - Change dimensions

I'm using a Vue Filepond and would like to make it fill the height of its container. I'm also using Vuetify. If I try setting the values in the CSS it gets over

Page elements not hovering correctly, no consistency across browsers

I have an area on a web page where there is a date entry. Next to it is a button that if clicked, should pop up a little calendar to the right of the entry all

Creating responsive images side-by-side in e-mail using plain HTML

I am attempting to include two images as a header in an e-mail, using pure HTML. One image will cover 40% of the screen width, and the other 60% width (the heig

Getting Webkit to pay attention to <legend> margins [duplicate]

I'm simply trying to get Chrome/Safari to pay attention when I say margin-bottom: 20px on a <legend> tag... demo: http://jsfiddle.net/HN

Centering an Element correctly w/ :hover while it's expanding width

I would like to center an input perfectly in the middle when you focus or hover on it. Therefore I want it to expand the width in the middle instead of the righ

Difference between margin and padding?

What exactly is the difference between margin and padding in CSS? It really doesn't seem to serve much purpose. Could you give me an example of where the differ

Google Chrome autofill background color change?

I'm trying to get the autofill background color on my inputs changed. The accepted answers online seem to be something along the lines of: Removing input back

Changing the space between each item in Bootstrap navbar

How can I create a larger space between each link on my navbar, so they are further apart? Is it something I change the CSS or HTML? Here's how I've implemented

How do I make a placeholder for a 'select' box?

I'm using placeholders for text inputs which is working out just fine. But I'd like to use a placeholder for my selectboxes as well. Of course I can just use th

CSS Modules Breaking in Production with Create React App

I'm using css modules in a create-react-app project (React V17.0.2 / React-Scripts V4.0.3). All seems well in local but the styles break in production (hosted

TailwindCSS 3.0 Upgrade overriding button styles

Problem: Button class being overridden by default tailwind base classes. Not sure why my classes on the element aren't being applied. Question: How can I get my

Bootstrap: Implement facebook-like notifications in header (navbar) as submenu, not just a counter

Chances are I'm just retarded and I'm getting an answer within a few minutes, but I just can't seem to find what I'm looking for. I need to implement "faceboo

How to manipulate text (HTML/CSS) without divs?

I want to create my Resume in HTML Is the dimension of the page good as a A4? How to Position the text like in picture, but I want without divs? And How to make

Is it valid to have paragraph elements inside of a heading tag in HTML5 (P inside H1)?

Is it OK to have paragraph elements inside of a header tags in HTML5? In other words: is this markup correct in HTML5? What are the drawbacks of using this? <

SVG Fill and Filter urls from css not working on safari

I created an animation for my personal website, its working in Chrome and Firefox with no problems and I don't care about IE, but its not working on Safari, I t

Responsive image slider using picture element?

Does anyone know of an open source code or snippet example of a responsive image slider with < > navigation controls that uses picture element when resi