<head> <style> /* wygląd elementu - ol */ #menu { width:auto; margin:0 auto; padding:0; list-style-type:none; background-color:#FFF; font-family: Comic Sans MS; font-size: 14pt; } /* naprawa wysokości elementu - ol */ #menu:after { content:''; display:block; clear:both; } /* wygląd elementów - li */ #menu> li { float:left; } /* pierwszy element - li - elementu o identyfikatorze menu */ #menu> li:first-child { background-color:red; width:10%; } /* drugi element - li - elementu o identyfikatorze menu */ #menu> li:first-child + li { background-color:green; width:15%; } /* trzeci element - li - elementu o identyfikatorze menu */ #menu> li:first-child + li + li { background-color:blue; width:15%; } /* czwarty element - li - elementu o identyfikatorze menu */ #menu> li:first-child + li + li+ li { background-color:red; width:25%; } /* piaty element - li - elementu o identyfikatorze menu */ #menu> li:first-child + li + li + li + li { background-color:green; width:15%; } /* szosty element - li - elementu o identyfikatorze menu */ #menu> li:first-child + li + li + li + li + li { background-color:blue; width:10%; } /* siodmy element - li - elementu o identyfikatorze menu */ #menu> li:first-child + li + li + li + li + li + li { background-color:red; width:10%; } /* wygląd elementów - a */ #menu> li> a { display:block; padding:15px; text-decoration:none; text-align:center; color:#2a67b0; background-color:#FFF; box-shadow:0 0 0 1px #FFF inset; background-image:linear-gradient(#FFF 0%, #EEE 30%, #DDD 70%, #FFF 100%); } /* wygląd elementów - a - po najechaniu kursorem myszki na element - li */ #menu> li:hover> a { color:#1370b7; background-color:#2a67b0; background-image:linear-gradient(#FFF 0%, #AAA 30%, #BBB 70%, #CCC 100%); } </style> </head> <body> <ol id="menu"> <li><a href="doku.php?id=start"><b>Start</b></a></li> <li><a href="doku.php?id=materialy"><b>Materiały</b></a></li> <li><a href="doku.php?id=informacje"><b>Spotkania</b></a></li> <li><a href="doku.php?id=zarzad"><b>Zarząd KN Mikrokontroler</b></a></li> <li><a href="doku.php?id=kontakt"><b>Kontakt</b></a></li> <li><a href="http://http://wieik.pk.edu.pl/"><b>WIEiK</b></a></li> <li><a href="http://e1.wieik.pk.edu.pl/"><b>KAiI</b></a></li> </ol> </body>

Politechnika Krakowska im. Tadeusza Kościuszki w Krakowie
Wydział Inżynierii Elektrycznej i Komputerowej
Katedra Automatyki i Informatyki E-1

Teams: KN_Mikrokontoler

pok: 6 bud: WIEiK

tel.: 12 628 26 52
mail: kn.mikrokontroler.pk@gmail.com