css

[Solved] Css image positions [closed]

by

Use display:flex; to set them in same line and set margin-top to wanted img .wrap{ display:flex; } img{ width:337px; height:235px; padding: 5px; } .down{ margin-top: 100px; } <div class=”wrap”> <img src=”https://material.angular.io/assets/img/examples/shiba1.jpg”/> <img src=”https://material.angular.io/assets/img/examples/shiba1.jpg” class=”down”/> <img src=”https://material.angular.io/assets/img/examples/shiba1.jpg”/> </div> With boostrap 3 as your comment: See here:https://jsfiddle.net/bfcs2670/2/ .down{ margin-top: 100px; } <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <script … Read more

[Solved] Can u please tell me if their is any difference between the codes. And if their is, Then what is the reason behind it? [closed]

by

Code one has className=”cards__items__img”, code two has className=”cards__item__img”. Code one has className=”cards__items__link”, code two has className=”cards__item__link”. Items is plural on first code and singular on second. Reason? I don’t know but the first code is very poorly formatted. 1 solved Can u please tell me if their is any difference between the codes. And if … Read more

[Solved] Getting position in js [closed]

by

There are two ways to achieve this… 1) Pure CSS You can use the position sticky. body { /* ?? Just added, so you can scroll on page */ height: 200vh; } #box { margin-top: 80px; position: sticky; background-color: blueviolet; width: 100%; height: 80px; top: 0; } <div id=”box”></div> position Documentation 2) Javascript Here we … Read more

[Solved] Reloading a single div in an html page [closed]

by

Yes you can use the jQuery function called load(). <script src=”https://code.jquery.com/jquery-2.2.4.min.js” integrity=”sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=” crossorigin=”anonymous”></script> <script> $( function() { $(document).on(“click”, “#navPanel a”, function(){ var link = $(this).attr(‘rel’); $(“#contentPanel”).load(link+” #contentPanel > *”); }); }); </script> <nav id=”navPanel”> <a rel=”link.html”>link 1</a> <a rel=”link.html”>link 2</a> <a rel=”link.html”>link 3</a> </nav> <div id=”contentPanel”> <p>Content</p> </div> 4 solved Reloading a single div in … Read more

[Solved] HTML zoom & lightbox

by

The ElevateZoom example looks flawed. The code displayed seems to have errors, like duplicate IDs in the HTML and non-existent IDs referenced in the JavaScript, and doesn’t seem to match the code being executed in the demo. Not sure what’s going on there. Mainly, the ID you’re using to initiate ElevateZoom doesn’t exist in your … Read more

[Solved] How to make this shape in CSS?

by

You can do something like this, using a pseudo selector of after. CODEPEN LINK CSS div { height: 200px; background: blue; position: relative; width: 400px; } div:after { content: ”; position: absolute; top: -50px; left: -200px; border-top: 300px solid white; border-left: 300px solid white; width: 0; background: #fff; border-radius: 300px; } solved How to make … Read more

[Solved] on click, reduce countdown with 1 and so something, when countdown reaches 0 open window

by

This code is maybe the solution you wanted: function countdown() { var i = document.getElementById(‘counter’); if (parseInt(i.innerHTML)<=0) { $(“#counter”).fadeout(); i.innerHTML =10; i.style.width=”100%”; $(“#counter”).fadein(10); } else { i.innerHTML = parseInt(i.innerHTML)-1; setTimeout(function(){ var i = document.getElementById(‘counter’); i.style.width=”10%”; i.innerHTML=”1″; },5000) } var msg = window.open(“”, “Window name”, “width=200, height=100”); msg.document.write(“Some HTML”); } You have to add jquery in … Read more

[Solved] How to select all cell starting, containing or ending with some word with JQuery/CSS?

by

you can use regular expressions. These two regexp checks if text contain “John” (anywhere) and ends with “1”: $(‘#myTable’).find(‘td’).each(function() { var str = $(this).text(); if (str.match(“John”) && str.match(“1$”) ) { $(this).css(‘background’, ‘red’); // …or do something else with it. } }); 3 solved How to select all cell starting, containing or ending with some word … Read more

[Solved] Java Script not working [closed]

by

Please don’t ask us to debug your websites / scripts without checking basic things by yourself. This is console output from Chrome (F12 or CTRL+SHIFT+i) Failed to load resource: the server responded with a status of 404 (Not Found) http://dev.eurodiet.ro/Scripts/jquery-1.4.2.min.js Failed to load resource: the server responded with a status of 404 (Not Found) http://dev.eurodiet.ro/Scripts/swfobject_modified.js … Read more

[Solved] Pure CSS static starfield [closed]

by

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