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/ff9" alt="Položka 1"><a href=https://diskuse.jakpsatweb.cz></a></li> <li><img src="i/120x30/9ff" alt="Položka 2"><a href=https://youtu.be></a></li> <li><img src="i/120x30/f9f" alt="Položka 3"><a href=https://seznam.cz></a></li> <li><img src="i/120x30/9f9" alt="Položka 4"><a href=https://google.cz></a></li> <li><img src="i/120x30/f99" alt="Položka 5"><a href=https://mapy.cz></a></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 a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } ul li:hover a { 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>