Newest css Questions

Q&A for professional and enthusiast programmers

StyleSheet only Updates When Making Changes to Functions.Php in Wordpress

<?php // styles of the child theme function uni_bauhaus_theme_child_styles() { wp_enqueue_style( 'font-awesome', get_template_directory_uri() . '/css/font-awesome.min.css', array(), '4.5.0' ); ...

Isotope Masonry - whole grid is shifted left

I am trying to create the following grid with Isotope : (disregard the white box in them) CODE HTML <div id="promotionalFilm" class="container"> <div class="grid"> <div ...

HTML 5 Form Buttons won't customize and progress tracker not working

I need to create a form with responsive buttons and progress tracker. My problem is that the buttons won't customize and the progress tracker is not working for me. Can someone help me with those ...

right click not diplayed on an image

I have a basic issue with an image. Indeed, I can't make display a right click menu on the image (in order to see it in full display) : I have just put a : <img class="center" width="700" ...

jQuery - Parse JSON from multiple urls and append to multiple divs

I got a HTML list with 4 items (each item has their own id assigned). For each item in list, I'm trying to get JSON data from multiple urls using ajax, then parse the data to the item's id. Expected ...

Why is my content going above my header?

so this is just a section of my page, im confused as to why my content is going above and under my header when i set the header position to fixed? Here is my code: https://jsfiddle.net/CheckLife/...

How to group content and sticky sidebar to center in webpage?

Im making a mock-up of a website and I want to have the content and a sticky sidebar to follow it. I want it to be compatible across screen of all sizes, so I want it to be centered no matter the ...

How can I create bullet points for my website in HTML/CSS?

I'm having trouble figuring out how to position items in HTML/CSS, as I'm pretty much a newb when it comes to coding. But I wanted to do this myself without paying a developer. Basically, I want to ...

Markup within Foundation's grid system: Where to put a wrapper div?

I'm new to CSS-frameworks. Normally I start my markup within the body by adding a div with the class "wrap". The purpose of that, is to get the content horizontally centered. And for having a top-, ...

Angular Material slider direction issues

I have an angular material slider that needs to reside inside a div with a dir="rtl" style. However, when ever I add the dir="rtl" tag the slider is getting all messed up (the mouse isn't capturing it ...

Bring text infront of line div

Hello I have some text and a line that I need to go through the text without overlapping it. Here is the goal: Here is what I have so far: Some reason I cannot get the text to overpower and put the ...

why doesn't this bootstrap layout work in jsfiddle?

Why doesn't this bootstrap layout work in jsfiddle?: https://jsfiddle.net/1mdodv7r/2/show/ <body> <div class="container"> <div class="row"> <div class="...

.CSS jquery random

When I console.log(newX/Y) I am able to get the numbers out, but this line can't seem to work: $robo.css('left', newX + 'px') & $robo.css('top', newY + 'px') Is there a way I can randomly spawn ...

How to line up images on the same line

I have this code below and I've tried every trick in the book to make all the images have the same dimensions and still make it Bootstrap responsive. But it seems like I have to choose one or the ...

centering multiple absolute divs

I have a questions about centering multiple absolute div horizontally. I have a parent div that i s relative that contain four child divs. I want them to center evenly. Is there a way to center the ...

Get the style property of an html tag [duplicate]

I have applied a font-size: style to my html tag via stylesheet. I would like to retrieve it in javascript. I have tried doing document.getElementsByTagName("html")[0].style and I end up retrieving ...

Category system for carousel?

I'm using lightGallery with cycle2 plugin and I have categories for my image and when I clicked any categories my images must change with clicked category how can I do that ? any example ? my a[data-...

Bootstrap ScrollSpy and links don't work properly

Learning Bootstrap these days but ran into some difficulties. I am trying to use Bootstrap ScrollSpy but it doesn't seem to work and I can't figure out why. How can I keep the left column fixed in ...

I need help for make this html page [on hold]

I Want to create this html page, but I am facing some problem when I create right sidebar for advertisement it's not working. I think I can't call CSS properly so it's broke and not responsive.I am ...

Div fails to contain img when img position set to absolute [duplicate]

Hello i am new to css and html and am trying to create a grid of crossfading images using css crossfade from the example found on this page by having a image placed under a second image that is set to ...

Why isnt my nav class expanding to 100% of the width?

So I'm trying to understand why when I specify the width for my "thenav" class it is not expanding to the entire width of the page. I UNDERSTAND that it is taking the characteristics of the "...

HTML and CSS div in middle of screen

<style> .parallax { background-image: url("Cpage.png"); min-height: 700px; background-attachment: fixed; background-position: center; background-...

Responsive Bootrsap Dropbown menu

I'm new in programming,and I decided to start designing a website. While coding, I found an issue: I can't make the dropdown menu look OK. I'll leave a picture of how it looks and the code I wrote, so ...

how can I get my user icon on the side nav bar to the center? and how can i create border for the side nav bar?

I'm trying to get the user profile icon to be centered so i'm having the hardest time doing it. I also tried adding border around the nav bar so it wont show on my page and i cant figure it out. I'm ...

what are my options for implementing this responsive design?

I've been asked to implement a responsive design. This is the layout for the desktop view: http://codepen.io/ac123/pen/mWjBNB <html> <head> <link rel="stylesheet" href="https://...

Slide a div from left-right or right left with preserving div size

I want a slide effect on a div from left to right or from right to left as in $('#div').show('slide', {direction:'left'}, 1000); being my html is <div id="div-pre"> </div> <div id="...

How to fix flex column height bug in IE

In IE I am having a problem where my flex column is stretched for unknown reasons. I need the image height and width of each flex item to always be the same and also be responsive so I need them at ...

How to add a section after a section containing multiple canvasses?

I'm trying to build a HTML page which contains two canvasses, one is the background, other is the logo positioned on top of background. I placed them inside a section and appended the body with ...

bootstrap input addon button and search

enter image description here I am trying to attach "+" and "-" with search bars, but having hard time to do so. Can someone help me i think it is css problem.

Media query visual bug, unexpected behavior mobile response

I am working on a homework assignment that should generate the following results: On desktop: On mobile: On tablet: Right now I am getting the proper desktop component but the mobile component ...

javascript / jquery-how to change the window location if all the stylesheets are not loaded in HTML

hey i want to check whether all the stylesheets(css) have loaded or not(in HTML) and if they are not loaded then change the location of the window to:- "error-handler.php". if this can be done with ...

How do I change this javascript font to show in white?

The default is black. How do I change this into white? <script type="text/javascript"language="javascript"> document.write ("welcome visitors from "+geolify_state_name()); </script>

Bootstrap code for nice margin and 100% width

How to create an element in the Bootstrap that will normally equalize on one side (form left side) and 100% of the width on the other? .maksymalnaszerokosc { max-width: 1170px; margin-left: ...

How to Modify Google Adsense ad Code

After reading this official guide by Google: How to modify your responsive ad code I decided to modify my responsive ad unit code. Here it is: <style> .resp1 { width: 696px; height: 280px; } @...

jQuery fadeTo based on time of day

I'm working on an open source project called BitDay that I started a while ago on Reddit. I have 12 elements as CSS classes, each has their own background image. Right now, the jQuery I have fetches ...

Change width of offcanvas-menu that needs to appear on right of screen

This is in regards to zurb-foundation 5.3. I do not know scss so I am using the css version of foundation 5.3. I am following this very basic example for offcanvas menu from foundation docs. This ...

Work around for Safari scale (transform) bug

Lately I recognized that Safari (as the only browser (besides IE I don’t know and care)) seems to use some kind of cached rendered image version if a scale (enlarge) is put on an image, for example an ...

Embeded HTML- responsive css

A realtor site is allowing my friend to embed html into her site page, which is built off a drag and drop template. I know html and responsive css. However I can't seem to figure how to use embedded ...

Bootstrap button color not working, but working in jsfiddle

The button color is not blue when i use the btn-info class, but works fine when i tried in jsfiddle. <!DOCTYPE html> <html> <head> <title>my app</title> <link rel="...

HTML/CSS - Calling peer tag for dropdown

I have 2 <td> tag having the same hierarchy level (called <td>1 and <td>2), and I want the <td>2 to show up when I click the <td>1. So far, I've only known about calling ...

How to create a simple carousel for my website

I need some help replacing my current custom carousel with a finished carousel that is timed automatically, has transitions and round button indicators. I have looked up some code online in order to ...

LoadAndRegisterSheet in Geckofx c#

I am trying to load/apply a locally stored CSS file to all pages displayed in geckofx: nsIStyleSheetService SSS = Xpcom.GetService<Gecko.nsIStyleSheetService>("@mozilla.org/content/style-sheet-...

R scraper returning null

I'm trying to scrape the locations off some rental property listings website using R (rvest). The website has locations in the form as a embedded google map with a pin on the general location of the ...

Set different size of button text lines, css, javafx

I made a button using scenebuilder which has two lines of text inside (first line is the function for button, and second one is a little explanation), and I would like to set different sizes for them, ...

Is it possible to style anonymous flex items explicitly?

I'm in the early stages of grasping the basic flexbox concepts. The Using CSS Flexible Boxes article at MDN states (emphasis mine): Each child of a flex container becomes a flex item. Text directly ...

SlideInUp animation flashes before sliding in with Vue.js and Animate.css

I'm using Vue.js with single-file components and Vue2-Animate, and I'm trying to use the slideInUp animation. Most of the animations work correctly, but the animations with motion (like slides/bounces)...

how to use CSS set a div single-line or multi-line style?

If a div is single-line, i want its height is 80px. Else if it is multi-line, i want its padding-top-bottom is 20px. I have tried to do this: div { min-height: 40px; padding: 20px 0; } But,it ...

Robust CSS framework for Embeddable Widgets

Is there CSS framework like Twitter Bootstrap but for embeddable widgets? The difference is that it has to be robust. The widgets are supposed to be embedded into variety of different web-sites with ...

Display dropped link as an inner clickable div

<div id="dropzone" contenteditable="true"> </div> <style> #dropzone { height: 50px; width: 100%; border: 1px solid black; } </style> When I ...

Zigzag footer change traingle color

I have a footer and im trying to do it with a zigzag border, it working properly but i want to change the color of the triangle to this color #67BA4D, how can i do that? here is my code: ....
Translating... 0%