20-10-2011, 22:38
(Ten post był ostatnio modyfikowany: 21-10-2011, 02:39 przez Kartofelek.)
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Strona domowa</title>
<meta http-equiv="Content-Language" content="pl" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<link href="styl.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Language" content="pl" />
<title>Menu rozwijane pionowe - demo</title>
<style type="text/css">
* {margin: 0; padding: 0;}
#menu li {list-style: none;}
#menu, #menu ul {width: 150px;}
#menu ul {position: absolute; top: 0; left: 160px; width: 0; height: 30px; overflow: hidden; padding-left: 21px; background: url('grafika/strz.gif') 0 6px no-repeat;}
#menu li {padding-bottom: 1px; line-height: 0; position: relative;}
#menu li:hover ul {width: 170px; height: auto;}
#menu a, #menu li:hover li a {display: block; font: 13px/30px verdana, sans-serif; text-decoration: none; padding: 0 10px; width: 160px; color: #EDC731; background-color: #ED3156;}
#menu li:hover a, #menu li:hover li:hover a {background-color: #ED3156;}
</style>
</head>
<body>
<div id="glowny">
<div id="NAGLOWEK"></div>
<div id="MENU">
<ul id="menu">
<li><a href="index.html">Strona główna</a>
<ul>
<li><a href="misja.html">Misja</a></li>
</ul>
</li>
<li><a href="#">O przedszkolu</a>
<ul>
<li><a href="#">Wiadomości</a></li>
<li><a href="#">Kadra</a></li>
</ul>
</li>
<li><a href="#">Dokumenty</a>
<ul>
<li><a href="#">Statut</a></li>
<li><a href="#">Regulamin przedszkola</a></li>
<li><a href="#">Ramowy rozkład dnia</a></li>
<li><a href="#">Regulamin rekrutacji</a></li>
<li><a href="#">Program wychowawczy</a></li>
</ul>
<li><a href="#">Galeria</a>
<ul>
<li><a href="#">Dzień Babci</a></li>
<li><a href="#">Dzień Matki</a></li>
<li><a href="#">Dzień Dziecka</a></li>
</ul>
<li><a href="#">Kontakt</a>
</li>
<li><a href="#">Linki</a>
</li>
</li>
</li>
</ul>
<div id="MENU2">
<IMG SRC="grafika/dzieci_tlo.gif" WIDTH="170" HEIGHT="263" BORDER="0">
</div>
</div>
<div id="TRESC">
<h1> "Dziecko chce być dobre. <br>
Jeśli nie umie -naucz. <br>
Jeśli nie wie- wytłumacz. <br>
Jeśli nie może- pomóż" <br>
<h3>Janusz Korczak</h3><br>
<IMG SRC="grafika/111.gif" WIDTH="278" HEIGHT="181" BORDER="0"></h1>
</div>
<div id="STOPKA">Autor strony: RZ
</div>
</div>
</body>
</html>