Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div id="slovnik"> <div id="cast1"> <h1>část2</h1> <form action="#" method="post"> <input type="text" name="vyraz" id="vyraz" tabindex="1" value=""> <input type="submit" tabindex="2" value="Hľedat"> </form> <p>část1</p> <p>část1</p> <p>část1</p> <p>část1</p> <p>část1</p> </div> <div id="cast2"> <div class="table_responsive"> <h2>část2</h2> <table> <tr> <td>část2</td> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> </tr> <tr> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> </tr> <tr> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> </tr> <tr> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> </tr> <tr> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> </tr> <tr> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> </tr> <tr> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> </tr> <tr> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> <td>texttexttexttexttext</td> </tr> </table> </div> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
html, body { height: 100%; } #slovnik { background: transparent url('http://rlweb.hys.cz/img/open-book.jpg'); background-repeat: no-repeat; background-size: 100% 100%; border: 1px solid black; width: 30%; margin: 0 auto; padding: 5px; height: 100%; } #cast1, #cast2 { height: 50%; overflow-x: auto; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>