Smooth scroll header with fixed position

How to create smooth scroll when I change the position to fixed. I try to add the animation but it does not work. Better use jquery animation(); $(window).scroll(function() { var sticky = $('.mobile-menu'), scroll = $(window).scrollTop()...
more »

2017-01-16 15:01 (3) Answers

Font-size is too small on smaller resolutions

Here is my code: <p> font-size: 2vh; </p> Text is nicely visible on high resolutions: But on smaller resolutions: How I can make text, that is not too small on smaller resolutions and not too big on high resolutions? If I have to...
more »

2017-01-16 12:01 (3) Answers

How to make html table columns resizable?

I have a fairly standard bootstrap-styled <table>. I want to make columns of this table resizable, e.g. by click-and-dragging right border of <th> element. I can't use any jQuery plugins as I'm using Angular and jQuery dependency is not a...
more »

2017-01-16 11:01 (3) Answers

How to draw dual bottom borders on a heading?

How can I do something like the picture below? I would like to have an extra thick line to all my h1's but am not quite sure of a best practice to do it. HTML: <h1>This is Our Work</h1> CSS: h1{ border-bottom: 1px solid #246cb4;...
more »

2017-01-16 09:01 (7) Answers

Table with horizontal scrollbar

I would like to have a table on my website. The problem is that this table is too wide (because there is a lot of records from database ). How can I add horizontal scrollbar? Now my table is only responsive and text is doing in this way This is my ...
more »

2017-01-15 17:01 (2) Answers

Background image transparency in DIV

I'm trying to make a background image transparent (no option to make a transparent PNG or lighter image, the images are changed often). background: url(image.jpg) no-repeat center center / cover; opacity: 0.2; Got the image is working, but everyth...
more »

2017-01-15 15:01 (3) Answers

Adding css to input fields using jquery

I am creating a form with error messages,When I submit a form with no values it should add icon and change the box color. But I am unable to get error message to the surname field and I am trying to add icon inside the input field using css, couldn't...
more »

2017-01-15 10:01 (1) Answers

Text Shadow CSS not working properly

I am trying to make the text shadow effect as per the example below: This is what I have created: .yb-shipping { color: #f2de4d; font-family: Arial,Helvetica,sans-serif; font-size: 22px; font-weight: bold; text-shadow: 0 0 2px ...
more »

2017-01-15 10:01 (5) Answers

How to make a number wheel loop?

I have a random number wheel from 0 to 9. The wheel spins down or up to land on the random number. How can I make it such that the wheel only spins down ? ( Once it reaches 9 the next number is 0, 1, 2... 9, 0, 1, 2) without having to have many divs....
more »

2017-01-15 08:01 (3) Answers

CSS Stylesheet Loading Wrong

My original css stylesheet like below ; ( Original css ) However when i start my c# application, it shows wrong css information like below ; ( Wrong css ) ...
more »

2017-01-14 19:01 (1) Answers

jQuery | .css() Multiple Parameters '-' Error

I have a problem with the .css({}) function in jQuery: I don't know exactly how this function behaves, except for that I understood that I can insert into the {,} symbols as key-value pairs (dictionary), separated by a ,. I've tested it, and it works...
more »

2017-01-14 18:01 (2) Answers

Create a mask over a shape using text

I have an svg shape and I have some text. I essentially want the shape to have the outline of the text within the shape. Here is my code: <g class="monogram"> <mask id="rSquare" x="0" y="0" width="34" height="34"> <text...
more »

2017-01-14 18:01 (1) Answers

How to push 2 div elements together?

I have 2 columns of numbers that I want them to appear side by side. It works when I try using float: left but I want them to appear in the center. Without the float they appear one row then next row downwards. body { color: #fff; text-ali...
more »

2017-01-14 08:01 (2) Answers

Bootstrap Nested Column alignment issues

new to Bootstrap and having some issues with nested columns. for som reason they are disproportionate. First pair of nested columns are "compressed" in half but those in the second are proportioned just fine. see below. <!DOCTYPE html> &l...
more »

2017-01-14 03:01 (1) Answers

CSS - Indent list items

Is there a way to indent each list-item using CSS? So a normal list: <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> </ul> Displays like so: One Two Three ...
more »

2017-01-13 11:01 (2) Answers

Curved border with stroke in pure CSS?

I'm wondering if it is at all possible to achieve a curved border (with a stroke) using only CSS? At the moment I'm creating curved borders for the header of my website using images: I'd like to change this to a CSS solution so that I'm not having...
more »

2017-01-12 10:01 (1) Answers

JavaFX: Unknown property in css file

I have a css file that I'm trying to import in SceneBulider . The file contains the following text: .pagination .pagination-control { visibility: hidden; } The problem here is that the property visibility is unknown (to quote the warning, Unknown ...
more »

2017-01-12 09:01 (1) Answers

Best way to hide 10000 dropdown menus

Context - I have a chat component and each individual chat message has a dropdown. And the dropdown menu is opened by clicking the "More Options icon"(3 dots). Each individual chat message is a "backbone item view" One solution is to listen to...
more »

2017-01-12 05:01 (3) Answers

Typing animation using pure css implementation

Hey so Im following this guide to create a type animation: However I got to a point where the blinking cursor is there after every div element but the animation doesn't occur. Would...
more »

2017-01-12 05:01 (3) Answers