popup when click link little like stackoverflow inbox in css

If i understand your post, you can try something like this: $(function(){ var prv=$([]); $(“.top-bar>.m-link”).click(function(){ var dst=$(this).children(); if(dst.html(“<div style=”width: 50px; height: 10px”>Loading…</div>”).toggle().click(function(ev){ev.stopPropagation();}).is(“:visible”)){ dst.load(“https://api.github.com”); } if(prv[0]!=dst[0]) prv.hide(); prv=dst; }); }); body{ position: relative; margin: 0; padding: 0; width: 100%; background-color: #f7f7f7; box-sizing: border-box; } .top-bar{ position: fixed; top:0; width:100%; height: 22px; background-color: #444; box-sizing: border-box; } … Read more

Pure CSS static starfield [closed]

As an exercise in “let’s see what happens if…” the following code was directly stolen from here and modified slightly to be static. The result is predictable: a basic, repetitive star field. <html> <head> <title>Testing a starfield</title> <style> #space, .stars { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .stars … Read more

Only last link of css is taking effect

There is nothing wrong with your code itself, assuming that all three CSS links are indeed pointing to the right location and loading the files correctly. By you only seeing styling applied from the final (smallest) media query, I assume that your media queries all contain the same properties inside selectors which have equal levels … Read more

Two divs in one row [closed]

You can use the calc() function in CSS3: .div1 { width: 300px; border: 5px solid red; float: left; } .div2 { -webkit-width: calc(100% – 300px); -moz-width: calc(100% – 300px); -o-width: calc(100% – 300px); width: calc(100% – 300px); border: 5px solid green; float:left; }