current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help

Tagged Questions

CSS (Cascading Style Sheets) is a style sheet language used for describing the look and formatting of HTML (Hyper Text Markup Language), XML (Extensible Markup Language) documents and SVG elements including (but not limited to) colors, layout, and fonts.

learn more… | top users | synonyms (29) | css jobs

0
votes
1answer
8 views

Center div when it takes 12 column in bootstrap

I have an element in Bootstrap row. The element takes different amount of columns on xs, sm, md and lg configurations of a screen. I need the element to be in the middle when it takes 12 columns. Is ...
0
votes
0answers
9 views

jQuery - Struggling to change background of whole webpage when hovering over one element

I'm new to javascript and jQuery. I am trying to make it such that the background of my whole webpage (class = .background-image) changes when hovering over a specific element. I am unable to get it ...
0
votes
2answers
21 views

How to get 2 different objects to react to the same function in javascript

I'm trying to make double doors for this css art project I'm doing but i can't get the function right, I'm trying to make it so that when you hover over the button, the doors crack a bit but only one ...
0
votes
0answers
14 views

I can't override bootstrap css in rails with my custom css

I am new to rails and was following this tutorial https://launchschool.com/blog/integrating-rails-and-bootstrap-part-1#css_preprocessors when I got to the part of adding bootstrap by adding @import "...
0
votes
3answers
29 views

Add hover style to a child in a sibling element

I have some HTML/CSS that looks something like this: #left a:hover img { border: 5px solid red; } <div id="information"> <div id="left"> <a href="URL"> <...
4
votes
2answers
35 views

Trying to understand nth-of-type css selector

I'm trying to understand why this nth-of-type selector isn't working as expected. My goal is to make the first .row element red, and all others after the first blue, while leaving the items in green ...
0
votes
0answers
11 views

OnePage Scroll Content Problems When Height is Too Low and content too Long - Landscape Mode

If you visit this site --> https://www.blinker.com/ And if you change the dimensions of your browser viewport to 920px width and 320px height, you will see how the page become scrollable. SEE THIS ...
0
votes
2answers
25 views

Is there a way to inherit CSS properties from the parent while modifing some?

For example, CSS properites with multiple inputs: Is something like this possible? .button:active { background-color: rgba(inherit, inherit, inherit, 0.5); } Is the only way to do this with a ...
0
votes
1answer
20 views

Would like to pageYoffset

I need to know a thing and for sure you have to solution, because isn't success. I would like to scroll at 500px for example a element div appears on left side. Ok the HTML/CSS structure is ok ! But ...
0
votes
1answer
28 views

How to create a collapsible folder?

Problem: I would like to create a folder that contains multiple folders. However, I am not able to get it just right. I would like the sub folder to open up pushing the rest of the content down. ...
0
votes
2answers
20 views

Do fonts with spaces need to be enclosed in quotes? [duplicate]

Looking at values for the font-family attribute I sometimes see "Helvetica Neue"enclosed in quotes and other times I see for example More Pro without quotes. Do font-family values that contain spaces ...
0
votes
1answer
39 views

How do I get the Monday of the current week?

(function () { var date = new Date().toISOString().substring(0, 10), field = document.querySelector('#date'); var day = new Date(date); var getMonday = day.getDay(), diff = ...
0
votes
1answer
12 views

Bootstrap Row Exceeds Container-Fluid

I'm trying to make a bootstrap navbar with 4 col-sm-3 in a row in a container-fluid parent item: For some reason, there is this offset where the row exceeds the container width, as seen in the ...
0
votes
1answer
10 views

How to override bootstrap panel-heading color

I know there are many questions like mine. However none of them are working. I have this html file: <div class="container col-md-6 col-md-offset-3"> <div class="panel-group"> <div ...
-4
votes
2answers
14 views

vertically allign text inside a div button?

Anyone know how this can be done? I'm trying to make it so the text inside my button is vertically alligned. Looks silly atm. Sorry if the code is messy I'm really new to all of this. If anyone can ...
0
votes
1answer
13 views

image for specific class does not work when used on body?

i have this for a custom class in my css: .login-img-body{ background-image: url('../img/loginWallpaper.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-...
0
votes
0answers
5 views

Multiple User Animations - playing one animation after another for user driven animations

I'm learning how to make multiple user animations in CSS. I know how to make one animation play after another on open, but how do I do that when the animation is user driven? Thanks!
-2
votes
0answers
5 views

Resizable full-width spanned twitter bootstrap navbar

Is it's possible to create simple resizable full-width navbar with twitter bootstrap? How can I achievd it?
0
votes
0answers
21 views

set div at the bottom of parent div

I have a div (hover) that overlaps a image on hovering, it works perfectly until now. Inside that div I have a text (title) and another div (details). The height of the .hover divis variable, and I ...
-2
votes
1answer
32 views

How to add a animation to a image

so I was looking to make something like this: https://gyazo.com/86e745c67497f8ee47bc6376daab685c those lines that are moving around the text. I tried to make it with transition effect but no luck. ...
0
votes
1answer
13 views

Safari iOS Responsive Broken

I've coded a site with the following Grid layout: Grid */ .row { display: flex; flex-direction: row; flex-wrap: wrap; } .col { flex-basis: 100%; } @media screen and (min-width: 800px) {...
1
vote
4answers
22 views

“document.getElementbyId” isn't working for me

I have a button in my page <button onclick="document.getElementById('donation').style.visibility='visible'">Support</button> That I want to have linked to making a hidden div (donation) ...
1
vote
1answer
17 views

How to display dynamic content in a table without spacing?

I have some names that are pulled from a MySQL database that I want to display on an html page. The number of names and length of the names varies but they must all fit into a fixed width on the page. ...
0
votes
2answers
22 views

How can I use css to fill DIV height with IMG and also center IMG?

How can I fill the div container height with the img and also center the img? In the example below I want the dog picture to fill the containers height, it must stay proportionate, so I dont care how ...
0
votes
2answers
15 views

Why is there a grey block beside the orange drop down?

I have been looking for 2 hours now and can't figure it out, there is a grey block beside the orange drop-down block that I can't get rid of. I maybe think that it can have with the css to do, but I ...
1
vote
2answers
36 views

Why is absolute positioning ignoring top padding but not left padding?

So i'm trying to make the ripple appear where you click but it seems to place it to the right for whatever amount of pixels that left padding has. Anybody knows why? Also if anybody knows some good ...
0
votes
0answers
18 views

How to use SVG icons?

Please forgive the simple title. I know how to get SVG icons loading on my website, but what I can't figure out is how to satisfy all the following constraints: Ability to use SVG icons in CSS No ...
0
votes
1answer
46 views

Round button CSS loading animation

I'm trying to create a website to use my Kinect on. My hand is the mouse, so I've created an indicator when a button is activated. The first thing I thought about was a round button, with a 2px ...
0
votes
0answers
14 views

Bootstrap css overriding FullCalendar css even if the fullcalendar.css is placed after bootstrap.css in header

my bootstrap.css file is overriding the fullcalendar.css file even if I correctly place there order in the header: <head> <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"> ...
-1
votes
0answers
19 views

Django, need pointers to a working out-of-the-box app with CRUD admin

as i newbie, i decided to go learning Django and did tutorials. i would like now to study a working app with CRUD capacity for an admin site, but would prefer finding some using integrated CSS or ...
-1
votes
0answers
17 views

Slope div overflow hidden not working

I'm trying to make a slope div, but the overflow of the :before element isn't hidden, even though I set the wrapper to position: relative and the appended one to position: absolute. My code: #bg { ...
1
vote
0answers
12 views

In IE11, why does this flex item not change according to its container's height?

This question is almost the same as one of my previous questions, but it's specifically focused on IE11, as the answer of the previous question worked on all other browsers. IE11 is a special case ...
0
votes
0answers
9 views

QComboBox style

How to pick up those corners and add style to scrollbar? This is done using Qt Style Sheets. screenshot Sorry for bad english)
0
votes
2answers
37 views

How to add and remove CSS classes using JS

I can't understand why this code don't works correctly: $(document).ready(function() { $(window).scroll(function() { console.log($(window).scrollTop()) if ($(window).scrollTop() < 626) { ...
0
votes
1answer
18 views

Bootstrap navbar drop down padding issue

My dropdown covers entire menu, there are few uncovered pixels on left and right side of the screen, I don't want that , I gave min-width:100%, I tried margin-left,margin-right,left,right none of it ...
1
vote
1answer
25 views

I can't get position sticky to work on a header

I have applied position: sticky to an articles header element but it isn't working. header { width: 25%; float: left; top: 0; position: sticky; } The codepen is here http://codepen.io/cssgrid/...
-4
votes
1answer
24 views

Textbox with formatting using html css javascript

how i can write a TextBox having formatting options like: bol, italic, etc using Html, css and javascript
1
vote
5answers
44 views

Hide all <li> elements except one in nav bar

I am not entirely sure this is possible with CSS, but I know it is with Jquery. If it is possible only with CSS, I would appreciate help that way as I don't understand Jquery at all. I am looking to ...
0
votes
1answer
11 views

Trouble targeting ul and li elements for drop down menu

I have this menu coded and I have tried other methods as well, but it seems to me that I'm having trouble targeting the second ul list and il elements to display for the drop down menu, can anyone see ...
0
votes
0answers
8 views

Meteor + overflow-y: scroll makes window.scrollTo not work

Meteor has an odd issue with smooth scrolling on iphones: https://github.com/meteor/meteor/issues/3402 This issue can be fixed easily by adding this CSS snippet https://css-tricks.com/snippets/css/...
1
vote
1answer
12 views

Get Height and Width Specific Div in Slide Boostrap Carousel

iam using Boostrap Carousel. I want when refresh page or i'm click button i'm get parent height & width div. for example I want get parent height and width div in id "data_3" i'm already get ...
-3
votes
1answer
26 views

CSS multicolour line with radius and transparency [on hold]

I have to do a line like that in CSS: Screenshot of the line I'm using Bootstrap. Is there a way to do that with only one hr line, Thanks !
0
votes
0answers
13 views

Fill SVG path element with a pattern in Cordova app IOS

I draw map with d3.js. And I need fill the map in grey dots. I used svg pattern for fill the paths elements and its work in browsers (Chrome, Safari, FireFox, IOS Safari and WP browser) but doesn't ...
0
votes
2answers
36 views

Change layout based on screen size

I would like the content of my website header to occupy 100% of the screen width on regular-sized desktops/laptops, but to be centered on larger displays. By "larger displays", I'm referring to the ...
0
votes
1answer
13 views

Using custom css on rails (Windows)

Im a begginer on rails and im having a lot of trouble trying to use custom css on my project. I have all the files from a frontend project that has all the html, css and js already working. So, I have ...
0
votes
1answer
14 views

Why isn't the stylesheet variable being passed from this Jekyll _config.yml file?

I want all the files in the post folder to use the posts.nest.sass.css stylesheet, so I tried putting that in as a default in the _config.yml file defaults: - scope: path: "_posts" value: ...
0
votes
1answer
22 views

Putting a checkbox, label and input box next to each other

I am trying to put a checkbox, label and input box next to each other. I separated it into divs and and put divs side-by-side. I was able to get the buttons center but they are to close together ...
3
votes
2answers
47 views

How can I make a number become editable onClick in React?

I have a number that, when clicked, should become editable. I've looked at form inputs and other React libraries, but none of them are what I'm looking for. The screenshots below are mockups. To keep ...
-1
votes
2answers
13 views

css is causing my form to act strangely on desktop view

something is causing my form to act up on desktop view, I'm not sure why but when I added a media query for my form to make it fit correctly for mobile, the desktop version started acting up.here is ...
0
votes
3answers
46 views

Hover does not cover whole text

I have a menubar in the top left corner, but the hover and the active element does not cover the whole text. I'm very new to this, and the page is not done, so no need to point out how bad it looks ...

1 2 3 4 5 … 8964