Undefined 'class' property can not be set

I'm certain I'm doing something stupid, or missing something silly but I get the follow 2 error messages, from client side onClick of a button: Cannot set property 'class' of undefined Cannot set property 'scrollTop' of null All I'm trying to do is s

Reacting in the element

I have a Basket component which needs to toggle a BasketContents component when clicked on. This works: constructor() { super(); this.state = { open: false } this.handleDropDown = this.handleDropDown.bind(this); } handleDropDown() { this.setState({ o

Divs in the same row are not displayed together

I am trying to split a row in two, for text and an image. However, no matter what I set the size of my divs, they display on separate lines. <div class="container-fluid"> <div class="row"> <div class="col-md-12"

Google font does not appear in firefox

for my website I'm using couple of google fonts: @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); @import url(https://fonts.googleapis.com/css?family=Raleway:300,400,300italic,400italic&subset=latin,latin-ext); @font-face { fo

How to align the image to the top of the reagent container?

I am trying to align two responsive containers in a row. One of them with image inside set to width: 100% and height: auto. How to vertically align image at the top of its parent responsive container ? <div class="top-row"> <figure clas

emphasize and unveil an element of div with js

I am trying to make to container where when i click on an element of div1 and that div1 focus and div1 height increase and when the element of div1 is unfocus or nonfocus then div1 height return in previous style. Here I make an snippet but it is not

Where does this space come between two elements?

between these two p elements. I checked the box model and there is no margin set. Here it the fiddle and code - https://jsfiddle.net/f3m2apgy/ <body> <style> #container{ display: inline-block; width: 500px; border: solid 1px; text-align: cente

How do I use normalize.css with npm?

I'm handling my dependencies with npm, but until now I used it mainly for Javascript code and I always imported the installed packages in my code with the useful require(). Recently I found that normalize.css could be installed with npm. What are the

On the flyover of a change of image to another image?

Basically what I'm looking for is to be able to make an image do a rotation of 360 degrees and enlarge the image, I already have these two down. What I need to do now is, work out how to actually make it rotate 360 degrees and enlarge to a different

NSS CSS Div and Span Styles do not work

I can't seem to understand why certain span properties (in particular, the width and text-align of "controller-row-number" and "controller-row-name"): #controller { width: 250px; float: left; font-size: 14px; line-height: 1.5; text-ali

Overcoming Image Problems

I'm using Unslider to show photos on the home page of a website I'm creating, but the images are surrounded by what looks to be padding - and there is no padding in my css. How can I fix this? It's making my clean gallery look awful. Unslider plugin

HTML Pong does not work

I have started a pong game where the guidelines have already been set for me but I have an issue with the ball. It is very early in development but I am stuck on this problem: The X axis will not move up and down. The ball is not meant to bounce off

Trouble with css floats on site

Hello i am making a site http://guesthousecontrasts.com however for some reason the content div won't fill the whole page i believe that this is because of some floats i am using, another problem i have is that the content on some pages won't "push&q

Apply the CSS style sheet to all elements, but one

I have several grids (kendo grids). This have their common style with their hover effect. I want to prevent this hover effect for only one grid, named mygrid. Tryed this with no success: .k-grid tr:hover :not(#mygrid) { color:White; background-color:

The background image will not elongate in IE

I have an image that I am using as my background and am trying to have it fill the width of the screen 100%. I have applied background-size:100% and in MZF it works, but in IE it won't stretch anymore. Does anyone know a work around for this? Here is

django-mediagenerator CSS error

I'm using django-generator and it has been working rather well. However, on some of my machines it seems to have stopped translating url values inside CSS files. On some pages the CSS files will look like this: background-image: url("../img/bg_icongr

The image of the logo and H1 are on the same line

I wanna create my first web page but encountered a problem. I have the following code: <img src="img/logo.png" alt="logo" /> <h1>My website name</h1> I want to know how to make the logo and the H1 to be in the same li

Centering an ul / div container in a fluid layout

I want to center a container div in a fluid lay-out (content with id: articles_grid has to be centered): http://www.benskesblog.com/projects/frontend/project/index.htm I've tried a lot a methods, but no one did work. (for example: margin: 0 auto;). C

jquery to add a class to menu items?

I have the following menu items: <ul> <li class="static"> <a class="static menu-item" href="/mySites/AboutUs">About Us</a> </li> <li class="static"> <a class="static-menu-

Can I change the ALT text of an image with CSS?

I have a dark blue page and when the image is loading (or missing) the ALT text is black and difficult to read (in FF). Could I style it (with CSS) to be white?Setting the img tag color works img {color:#fff} http://jsfiddle.net/YEkAt/ body {backgrou

How do I validate XHTML, ATOM and CSS in Ruby?

I'd like to run validations on the static web content I'm creating. Are there any good validators for XHTML, ATOM, and CSS? (The first two would be covered by any general-purpose XML-DTD validator.) Later I failed to specify that I wanted local valid