Kein Tabellenumbruch bei kleinen Bildschirmen | ||||||
Das | ||||||
| So sieht´s aus | ||||||
| ||||||
| Quellcode | ||||||
|
<html> <head> <style type="text/css"> @media screen and (max-width: 62em) { img {width:80%;} table {width:90%;display: table;} tr {display: table-row; } td {display: table-cell;text-align:center;font-size:1.5em; }} </style> <head> <body > <table align="center" style="width: 50%"> <tr> <td><img height="150" src="../Bilder/base.jpg" width="200" /></td> <td><img height="150" src="../Bilder/Canonial.jpg" width="200" /></td> <td><img height="150" src="../Bilder/head.jpg" width="200" /></td> </tr> <tr> <td><img height="150" src="../Bilder/htaccess2.jpg" width="200" /></td> <td><img height="150" src="../Bilder/Viewport.jpg" width="200" /></td> <td><img height="150" src="../Bilder/Language.gif" width="200" /></td> </tr> </table> </body> </html> |
Dropdown, das im neuen Fenster öffnet |
Das |
| So sieht´s aus |
|
|
| Quellcode |
|
<html> <head>hier nichts <style type="text/css">Hier nichts</style> <head> <body> <form name="menuform"> <select size="1" name="jumpit" onchange="document.location.href=this.value"> <option value="#" selected>Kategorie wählen</option> <option value="/index.html">Home Page</option> <option value="/internet/index.html">Internet Tutorials</option> <option value="/internet/javascript/index.html">JavaScript Samples</option> </select> </form> </body> </html> |
Dropdown, das im selben Frame öffnet |
Das |
| So sieht´s aus |
|
|
| Quellcode |
|
<html> <head>hier nichts <style type="text/css">Hier nichts</style> <head> <body> <form name="menuform"> <select name="menu2" onChange="top.location.href = this.form.menu2.options[this.form.menu2.selectedIndex].value; return false;"> <option value="#" selected>Kategorie wählen</option> <option value="/index.html">Home Page</option> <option value="/internet/index.html">Internet Tutorials</option> <option value="/internet/javascript/index.html">JavaScript Samples</option> </select> </form> </body> </html> |
Kontakt Datenschutz Impressum |
