Category "css"

How to vertical align an anchor inside li?

I want to create a menu with a 'button' (anchor) in the last <li>. So far so good, but when I want to create the button, I can't get it to vertical cente

SVG Fill Color Not Working

I'm new to using SVGs and can't figure out what I'm doing wrong here. For most of them, if I want to change the color, I use: svg path { fill: blue; } Bu

How do I make list group item active without anchor tags?

I want to style a basic list-group item active to highlight it (change background color etc). Bootstrap supports the active class just through Linked items. I

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