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
<html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" name="robots" content="noindex, nofollow" /> <link rel="stylesheet" type="text/css" href="../test/style.css" /> </head> <body> <div> <ul class="posuvnik"> <li><a href="" title="1" target="_blank"><img class="mezera" src="http://fabiar5.cz/test/obr.png"></a><span>Popis obrázku, popis obrázku, popis obrázku</span> </li> <li><a href="" title="2" target="_blank"><img class="mezera" src="http://fabiar5.cz/test/obr.png"></a><span>Popis obrázku</span> </li> <li><a href="" title="3" target="_blank"><img class="mezera" src="http://fabiar5.cz/test/obr.png"></a><span>Popis obrázku</span> </li> <li><a href="" title="4" target="_blank"><img class="mezera" src="http://fabiar5.cz/test/obr.png"></a><span>Popis obrázku</span> </li> <li><a href="" title="5" target="_blank"><img class="mezera" src="http://fabiar5.cz/test/obr.png"></a><span>Popis obrázku</span> </li> <li><a href="" title="6" target="_blank"><img class="mezera" src="http://fabiar5.cz/test/obr.png"></a><span>Popis obrázku</span> </li> <li><a href="" title="7" target="_blank"><img class="mezera" src="http://fabiar5.cz/test/obr.png"></a><span>Popis obrázku</span> </li> <li><a href="" title="8" target="_blank"><img class="mezera" src="http://fabiar5.cz/test/obr.png"></a><span>Popis obrázku</span> </li> <li><a href="" title="9" target="_blank"><img class="mezera" src="http://fabiar5.cz/test/obr.png"></a><span>Popis obrázku</span> </li> </ul> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
ul {margin: 0; padding: 0;} div { width: 960px; overflow: auto; } ul { display: table; } li { display: table-cell; } .mezera { margin-right: 5px; border: 1px solid; border-color: #111111; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>