css

Cant find a way to do this

Hello Stack Overflow community. I’ve got two div blocks. Which are images with width 1280px and 700px height. In first block there is div with 100% height and 400px width floating left. And in the second block there same size div but floating right. Problem is that the first block picture is png and her bottom is transparent about 10%….
Read more

Webfont as Fallback for local font

I’ve a question about webfonts and how they get loaded. The thing is, I have to use the Calibri font. It’s a regular windows font. So the font stack could be something like font-family: Calibri, Candara, Arial, sans-serif; However there is a webfont of calibi but it’s pretty pricey. So my idea was to build the font stack like this:…
Read more

Scrollbar appear unexpected in kendowindow

After I click on button the kendowindow will appear without any scrollbar, the problem is kendowindow that show scrollbar, I tried a lot of solution but it didn’t work well. I found the solution in telerik forum they said: .k-window div.k-window-content { overflow: hidden; } But It did not work as well. Here is js file: var win = $(“#q-content-window”).kendoWindow({…
Read more

Set baseline of flexbox elements

Consider this HTML <div class=”container”> <div class=”element”> <div class=”top”> <div>A</div> <div>B</div> </div> <hr/> <div class=”bottom”> <div>C</div> </div> </div> <div class=”element”> <div class=”top”> <div>A</div> </div> <hr/> <div class=”bottom”> <div>B</div> <div>C</div> </div> </div> <div class=”element”> <div class=”top”> <div>A</div> </div> <hr/> <div class=”bottom”> <div>B</div> </div> </div> </div> I want to line the elements up horizontally using flexbox, such that the horizontal rules align….
Read more

Add item to style in head from a div before style is used

So the situation is I have my style set up in the head like this: <style> .img_png_1 { background-repeat: no-repeat; background-position: -20px -80px; width: 200px; height: 400px; } </style> I have then downloaded an image as base64 code, and thrown it into a div: <div id=”backgroundImage”> base 64 code will be here </div> This code was loaded by an ajax…
Read more

What latest technology should I learn to become a Programer from a Graphic Designer(current designation)? [on hold]

I had my training done in Java in my first job. I like to code, but now I’m a graphic designer. I feel I’m under rated by not being a developer even after having skills in programming. I want to learn the latest technology so that I can switch to development again. What all I can learn through online courses,…
Read more

How to fixed child div position in parent div

I want to my child div will be shown inside parent div with same position(absolute) and with same padding(20px).If I put position relative to child div then it will come inside parent div, but i want to use position absolute to child div, But when i run this code The child div goes above the parent div. Source: css

Re-arranging span elements in a div

I’m trying to get an asterix “*” to appear directly above the “pp”, however if I try to insert this in a span adjacent to the span containing the “pp” or directly after the price, it does not sit above as desired.. Can somebody please help? My html is below <div class=”fist-div”> <span> <span data-bind=”text: ‘£’ + price”>£731*</span> <small>pp</small> </span>…
Read more