Category "css"

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

Sytling DateTime-Local Calendar Clear Button

Is there a way to style or remove this clear button from the calendar pop up that comes with the html5 datetime picker? It is not clearing my field and would li

Expand Image Vertically Without Disrupting the Flow with Javascript & CSS

My Progress is @ http://codebucket.webatu.com/code/portfoliotest/index.html Code on JSfiddle: http://jsfiddle.net/warmlaundry/qJbG4/70/ I want to make the edg

Add a CSS class to <%= f.submit %>

My question is easy: <%= f.submit %> Where does the class declaration go? I'm getting errors on multiple attempts.

Position fixed content overlapping problem

This is my html5 markup <div id="header"> </div> <div id="content"> </div> <div id="footer"> </div> Now used css header {

Bootstrap 5 video carousel controls and videos not showing

I come here because I'm having problems with the coding of a website for a friend's company. he wants to add a video carousel to his website that already had a