Css Course

This html and css code can be used for making an iframe responsive, both width and height, that works in modern browser; in desktop and mobile devices. - HTML:
<div class="youtube">
 <iframe src="https://www.youtube.com/embed/x1USgMp9__s?autoplay=0"></iframe>
</div>
- CSS:
.youtube {
margin:8px auto 5px auto;
position:relative;
padding-bottom:12%;
padding-top:100px;
height:0;
overflow: auto; 
-webkit-overflow-scrolling:touch;
text-align:center;
width:99%;
max-width:600px;
min-width:300px;
min-height:205px;
}
.youtube iframe {
border:0;
display:block;
margin:0 auto;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-height:420px;
min-height:200px;
}

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which HTML5 tag is indicated to be used as container for menu with navigation links in Web site?
<section> <nav> <article>
<nav><ul>
 <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li>
 <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li>
</ul></nav>
Which CSS property shifts an item horizontally to the left or right of where it was?
text-align clear float
.some_class {
  width: 30%;
  float: left;
}
Click on the Math object method which returns x, rounded downwards to the nearest integer.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicate the PHP function which returns the number of characters in string.
mb_strlen() count() stristr()
$str = "string with utf-8 chars åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 30
Making Responsive IFRAMEs

Last accessed pages

  1. sPBM - Simple PHP Backup Manager (1976)
  2. SHA256 Encrypt hash in JavaScript (18174)
  3. JavaScript Course - Free lessons (26044)
  4. Understanding OOP - Object Oriented Programming (4098)
  5. ActionScript 3 Lessons (6308)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (528)
  2. PHP Unzipper - Extract Zip, Rar Archives (427)
  3. SHA256 Encrypt hash in JavaScript (411)
  4. Read Excel file data in PHP - PhpExcelReader (364)
  5. Create simple Website with PHP (338)