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> <p class="menu"> <a href="#prva">1.položka</a> <a href="#druha">2.položka</a> <a href="#tretia">3.položka</a> </p> <div class="obsah"> <table id="prva" width="200" height="40" border="1"> <tr> <td width="50%">Ovocie</td> <td>Jablko</td> </tr> </table> <table id="druha" width="200" height="40" border="1"> <tr> <td width="50%">Ovocie</td> <td>Hruška</td> </tr> </table> <table id="tretia"width="200" height="40" border="1"> <tr> <td width="50%">Ovocie</td> <td>Banán</td> </tr> </table> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.menu { border-top: 1px solid; border-bottom: 1px solid; line-height: 30px; text-align: center; } a { color: #000; text-decoration: none; padding: 5px 10px; } .obsah { height: 40px; overflow: hidden; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>