html

[Solved] How to align Bootstrap cards horizontally in PHP

by

<!DOCTYPE html> <html lang=”en”> <head> <title>Bootstrap Card</title> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css”> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js”></script> <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js”></script> </head> <body> <div class=”container”> <div class=”row”> <div class=”col-3″> <div class=”card”> <div class=”card-body”> <img src=”https://tipsmake.com/data1/thumbs/how-to-extract-img-files-in-windows-10-thumb-bzxI4IDgg.jpg” class=”w-100″> <h5>Sample Img</h5> </div> </div> </div> <div class=”col-3″> <div class=”card”> <div class=”card-body”> <img src=”https://tipsmake.com/data1/thumbs/how-to-extract-img-files-in-windows-10-thumb-bzxI4IDgg.jpg” class=”w-100″> <h5>Sample Img</h5> </div> </div> … Read more

[Solved] I am submiting form in jquery whose response open in iframe which is PDF now i want to open that iframe as dialog please help me below is my code

by

As per the description & comment, You are trying to post some parameters to server & in response, you need to provide path to PDF. Here is the code: <link rel=”stylesheet” href=”https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css”> <script src=”https://code.jquery.com/jquery-1.10.2.js”></script> <script src=”https://code.jquery.com/ui/1.11.1/jquery-ui.js”></script> <div id=”showDialog” title=”Your Dialog Title Here” style=”display: none;”> </div> <form name=”frmDemo” action=”” method=”post”> <input type=”text” id=”fileSlNo” name=”fileSlNo” /> <input … Read more

[Solved] How can I auto import html from web site? [closed]

by

It looks like you need http://www.seleniumhq.org/ – it can download source of the page and you can programmatically click on links and perform other interactions with the page Also you can download web pages with Apache HTTP Client library – http://hc.apache.org/httpcomponents-client-ga/index.html 0 solved How can I auto import html from web site? [closed]

[Solved] How to make an iOS 7-like translucency effect html [duplicate]

by

This is possible. Check the jsfiddle: http://jsfiddle.net/jawilliams346614/jmbsch96/ HTML <div class=”ios-container ios-blur”> <div class=”ios-items”>&nbsp;</div> <div class=”ios-items”>&nbsp;</div> <div class=”ios-items”>&nbsp;</div> <div class=”ios-items”>&nbsp;</div> <div class=”ios-items”>&nbsp;</div> <div class=”ios-items”>&nbsp;</div> <div class=”ios-items”>&nbsp;</div> <div class=”ios-items”>&nbsp;</div> <div class=”ios-items”>&nbsp;</div> <div class=”ios-items”>&nbsp;</div> <div class=”ios-items”>&nbsp;</div> <div class=”ios-items”>&nbsp;</div> </div> <div class=”ios-frost”>&nbsp;</div> CSS .ios-container { width: 400px; height: 400px; background: url(http://www.hdwallpapers.in/walls/ios_7_galaxy-wide.jpg); z-index:1; } .ios-items { background: #f00; width:80px; height:80px; … Read more

[Solved] different CSS style class on page load for mobile and desktop [duplicate]

by

Someone has posted something similar earlier, but removed the answer, after a little bit of tinkering I got this to work. By default the sidebar doesn’t have ‘active’ class set. Also by default it is hidden for mobile, but displayed for desktop. ‘active’ class gives the ability to display the sidebar on mobile. /* small … Read more

[Solved] Bootstrap4 grid system, nesting rows

by

You can use nested grid system as in the example .b{ border: 1px black solid; height: 50px; margin: 5px; } .a{ border: 1px black solid; height: 170px; padding:5px; margin:5px; } <link href=”https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css” rel=”stylesheet” integrity=”sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB” crossorigin=”anonymous”> <div class=”row”> <div class=”col-md-4 col-sm-4″> <div class=”a”></div> </div> <div class=”col-md-8 col-sm-8″> <div class=”row”> <div class=”col-md-12 col-sm-12″> <div class=”b”></div> </div> <div … Read more

[Solved] What is it called when a page scrolling does not push the main image, instead, moves over it?

by

You could use your inspector and figure it out yourself next time. background-size: cover; For your second question: Different solutions are possible. The easiest one would be linking to an element using an anchor. <div id=”first-page”> <a id=”scrollto” href=”#second-page”>Scroll down</a> </div> <div id=”second-page”>Lorem Ipsum</div> You’ll probably want to smoothscroll to the second page. This can … Read more

[Solved] How to filter a dropdown list based on a already pre selected list

by

jQuery Get the selected country and then find the <option> using attribute-equals-selector and hide the siblings $(function () { var country = $(‘.selected’).data(‘country’); $(‘#CountryCode’).find(‘[value=”‘ + country + ‘”]’).siblings().hide(); $(‘#CountryCode’).val(country); }); HTML Add data-* attribute to the html elements <ul> <li data-country=”ARG”>Argentina</li> <li data-country=”USA” class=”selected”>United States</li> <li data-country=”AUS”>Australia</li> </ul> DEMO 1 solved How to filter a … Read more

[Solved] What is normalized css?

by

Normalize.css is an open source .css file that Nicolas Gallagher made on GitHub: https://necolas.github.io/normalize.css/ It allows you to apply a “Reset” to your code in order to let most modern browsers use your CSS. To use it, you need to link to it in your HTML like you would any other CSS, but make sure … Read more

[Solved] How to make an html element appear and disappear again and again with Js?

by

you can do this using setInterval method:- var interval=500,i=0; setInterval(function(){ i++; if (i % 2 !== 0) { document.getElementById(‘square1’).style.visibility = ‘visible’; document.getElementById(‘square2’).style.visibility = ‘hidden’; } else { document.getElementById(‘square1’).style.visibility = ‘hidden’; document.getElementById(‘square2’).style.visibility = ‘visible’; } },interval); if you want it to go active after it reached a point on the page use an if construct to … Read more

[Solved] Writing tables in HTML

by

Does this solve your problem: <html><body> <table width=”600″ align=”Center”> <tr><td align=”center”> <h1>Janez Novak</h1> <i>Univ. dipl. inz. | Univ. dipl. ing.</i> <h2>Raziskovalec | Researcher</h2> </td></tr> <tr><td align=”Left”> <table border=”1″> <tr> <td rowspan=”3″ align=”Center” valign=”Top”><b>Naslov:</b></td> <td>UM FERI</td> </tr> <tr> <td>Smetanova Ulica</td> </tr> <tr> <td>2000 Maribor</td> </tr> <tr> <td align=”left”><b>Telefon:</b></td> <td>+386 2 220 7000</td> </tr> <tr> <td align=”left”><b>Telefaks:</b></td> … Read more

[Solved] css align header links in middle

by

I am not sure why you need to use tables, and I am not sure if I understand your questions right, but is this what you’re looking for? Fiddle link: http://jsfiddle.net/micahSan/eB4rK/ Basically, this is what I’ve done: <div id=”container”> <table id=”myTable”> <tr> <td> <input type=”text”/> </td> <td> <input type=”text”/> </td> </tr> <tr> <td colspan=”2″> <a … Read more

[Solved] How to upload a file to a server then record it in a MySQL database? [closed]

by

Uploaded file are not in the $_POST but in $_FILES which in an array. There is a sample to simply upload a file and retreive information on it. <html> <body> <form action=”upload_file.php” method=”post” enctype=”multipart/form-data”> <label for=”file”>Filename:</label> <input type=”file” name=”file” id=”file”><br> <input type=”submit” name=”submit” value=”Submit”> </form> </body> </html> And <?php if ($_FILES[“file”][“error”] > 0) { echo … Read more