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; text-transform: uppercase; } .subcategories h2 { font-weight: 600; border-bottom: 1px solid #e5e5e5; } .subcategories ul { margin: 0; /* pro starsi prohlizece */ padding: 0 0 0 20px; } .subcategories li { list-style-type: none; float:left; margin:0 0 13px 20px; text-align: center; padding: 0; } .subcategories a { border: 1px solid #2f7cf0; background: #cfdff7; color: #303030; display: block; padding: 12px 0; border-radius: 3px; width: 153px; } .subcategories a:hover { color: #fff; 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>