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
<ul> <li><img src="i/120x30" alt="Položka 1"></li> <li><img src="i/120x30" alt="Položka 2"></li> <li><img src="i/120x30" alt="Položka 3"></li> <li><img src="i/120x30" alt="Položka 4"></li> <li><img src="i/120x30" alt="Položka 5"></li> </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
ul { margin: 0 auto; padding: 0; list-style: none; /*display: table;*/ } ul li { float: left; position: relative; } ul li img {vertical-align: middle;} ul li:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } ul li:hover:after { background: rgba(255, 153, 0, .4); } @media (max-width: 600px) { ul li {clear: left;} }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>