css

Agnular Material issue in IE11

I am having trouble showing this datepicker in IE-11, This is how it looks like in chrome, AND This is how it looks like in IE-11 One of the issue is with angular material css class .md-select-label min-width… which is set to 64px changing it to 90px fix one of my issue but that’s not it as not sure how…
Read more

Sass: unicode escape is not preserved in .css file

I am using a unicode escape in my .sass file and I want to preserve it, but sass is creating a weird character in the output. How to solve this? I’m using a Mac and Sass version 3.4.13. mborkent@MacBook-Pro-van-Michiel /tmp $ cat new.sass .icon-ok &:before content: “e601” mborkent@MacBook-Pro-van-Michiel /tmp $ sass new.sass new.css mborkent@MacBook-Pro-van-Michiel /tmp $ cat new.css @charset “UTF-8”;…
Read more

Keeping dropdown menu in the edge of window viewport

I am using a css dropdown menu for my project.The menu has different dropdown level.I want to keep them in my viewport.Here is an example : jsFiddle link If you resize the screen on bottom right and see the menu on it , you will see it goes out of the viewport.I want to keep them in viewport .It might…
Read more

Modal window scrolling

I have the modal window (bootstrap 3): <div class=”modal fade” id=”modal1″> <div class=”modal-dialog”> <div class=”modal-content”> <div class=”modal-header”> TITLE </div> <div class=”modal-body”> TEXT </div> </div> <div class=”modal-footer”> <form><input class=”btn btn-success” type=”button” value=”NEXT” data-toggle=”modal” data-dismiss=”modal” data-target=”#modal2″/></form> </div> </div> </div> By clicking on “NEXT” button, #modal1 is closing and #modal2 is opening: <div class=”modal fade” id=”modal2″> <div class=”modal-dialog”> <div class=”modal-content”> <div class=”modal-header”> TITLE…
Read more

Keeping a bootstrap carousel as a static background with text on top

So I’m trying to implement something like this: http://bootsnipp.com/snippets/featured/carousel-static-headline-caption Where there is text with a carousel as a background. currently when I scroll through my carousel the text scrolls as well. Here’s the carousel code I’m working with. HTML: <!– Wrapper for Slides –> <div class=”carousel-inner”> <div class=”item active”> <!– Set the first background image using inline CSS below. –>…
Read more

HTML css javascript

i have index page and service page in html on index page there is diifferent side menu and different on service page but both are for the services i provide . so what i want to do is that the menu on index page when one of the menu is clicked first it shows some content related to that service…
Read more

@font-face does not work in iOS and Android

For one of my current web projects I’m using a Candara font, here’s how I refer to it in my stylesheet: @font-face { font-family: “Candara”,sans-serif; src: url(“../fonts/Candara_gdi.otf”); format(‘otf’), url(“../fonts/Candara_gdi.woff”); format(‘woff’), url(“../fonts/Candara.woff2”); format(‘woff2’), url(“../fonts/Candara_gdi.eot”); format(‘eot’), url(“../fonts/Candara_gdi.ttf”); format(‘truetype’), url(“../fonts/Candara_gdi.svg#svgCandara_gdi”); format(‘svg’); font-style: normal; font-weight: normal; } After testing the site on mobile devices, I’ve noticed that Candara is not showing (the mobile devices…
Read more

Input control width restricted in asp.net

I have a webforms project in asp.net. I’m using bootstrap 3. I have an input control in a form group (in a panel). I cannot override the max width of my input control to make it fit into the col width I have set. I’ve tried to amend/remove the input {max-width} attribute in Site.css but this doesn’t make any difference….
Read more