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

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

Replace a paragraph with a city name from JSON

While building a weather app I faced a problem. It has to automatically detect where we based and provide with appropriate temperature and location e.g city name. I'm trying to replace p with a data from JSON. In particular I'm trying to replace para...
more »

2017-01-15 21:01 (2) 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

Update image as file is chosen

I want that when the button for change picture is clicked an input type=file opens up and as soon as the image is selected the image src is updated. How can I achieve this? I am using PHP as the server side language and trying to do on web page. ...
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

Save plugin loaded with Ajax to cache

So I'm using this code to change the content of my website and loading specific plugins for each "page": $.ajax({ url: urlPath, type: 'GET', success: loadContent //content and plugins are loaded through this }); Now I noticed it doesn't cac...
more »

2017-01-14 11: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

How to pass an url tag in a custom template tag?

I'm learning Django building a small site, and I found that I have many templates where I list objects, each of them with a link to it. I thought I could make a custom template tag, something like {% object_list some %} some is a dictionary {'lis...
more »

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