Avtor: -primož-
01.10.09
| Vodoravni seznam |
| CSS vodiči |
 Naredite vodoravni seznam iz navpičnega
HTML & CSS koda <html>
<head> <style type="text/css"> ul#seznam { margin-left: 0; padding-left: 0; } #seznam li { display: inline; list-style-type: none; } #seznam a { padding: 3px 10px 3px 10px; font-family: Trebuchet MS; } #seznam a:link, #seznam a:visited { color: #fff; background: #3399ff; text-decoration: none; } #seznam a:hover { color: #fff; background: #ff9900; } </style> </head> <body> <ul id="seznam"> <li><a href="#">Moje Mesto</a></li> <li><a href="#">Vodiči</a></li> <li><a href="#">Photoshop</a></li> <li><a href="#">iLegala</a></li> <li><a href="#">Kontakt</a></li> </ul> </body> </html> Razlaga CSS kode: display: inline; - poskrbi za to, da je seznam vodoraven list-style-type: none; - poskrbi za to, da ni nobenega simbola pred vsako možnostjo v seznamu padding: - poskrbi za to, da se okvir ne dotika besede #seznam a:link - normalen izgled povezave #seznam a:hover - izgled povezave, ko greste z miško čez Razlaga HTML kode: <li><a> ... </a></li> - povezava v seznamu href="#" - namesto # vpišite vašo povezavo Kot vidite vodoravni seznam ni tako težko ustvariti. Najpomembnejša vrstica je display: inline; . Vodoravni seznam lahko uporabite pri vašem prijavnem obrazcu. Tako Prijava ne porabi več veliko prostora. |
| Sorodni vodiči | |
Moje-Mesto.com
Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.
