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> <body> <!-- Subcategories --> <div class="subcategories"> <h2>Podkategorie</h2> <ul> <li><a href="http://novus16.pegasthemes.com/cs/5-tshirts">T-shirts</a></li> <li><a href="http://novus16.pegasthemes.com/cs/5-tshirts">T-shirts</a></li> <li><a href="http://novus16.pegasthemes.com/cs/5-tshirts">T-shirts</a></li> <li><a href="http://novus16.pegasthemes.com/cs/5-tshirts">T-shirts</a></li> </ul> </div> <div class="clear"></div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.clear{clear:both;}/* clear float */ .subcategories { margin-bottom: 20px; margin-top: 12px; } .subcategories h2 { text-transform:uppercase; font-weight:600; border-bottom: 1px solid #e5e5e5; } .subcategories ul { margin:0 0 0 -20px; } .subcategories ul li { list-style-type: none; float:left; width:153px; margin:0 0 13px 20px; text-align:center; padding: 0; border: 1px solid #2f7cf0; border-radius: 3px; background-color: #cfdff7; } .subcategories ul li a { text-transform:uppercase; color: #303030; background: red; display: block; height: 100%; padding: 12px 0; } .subcategories ul li a:hover { color: #FFFFFF; } .subcategories ul li:hover { text-transform:uppercase; color: #FFFFFF; background-color: #2472e8; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>