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
<nav> <div class="logo"><img src="https://i.imgur.com/yw0IxKk.png" /></div> <a class="active" href="#">Domů</a> <a href="#">Fotogalerie</a> <a href="#">Moje projekty</a> <a href="#">Kontakt</a> </nav> <div class="cistic"></div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
nav { overflow: hidden; background-color: rgba(51, 51, 51, 0.3); height: 50px; } nav a { float: left; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; } nav a.active { background-color: #4CAF50; color: white; } .logo { float:left; height: 300px;} .cistic { clear: both;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>