Witam.
Oto mój problem:
Mam problem z menu a dokładniej chodzi mi o to żeby menu otwierało się z boku a nie pod spodem. http://www.realvsbarca.of.pl/ zakładka Składy, chciałbym żeby po kliknięciu na boisko rozwijała się lista graczy.
HTML:
Css:
[EDIT] Dobra jakoś sie z tym uporałem. Pojawia się inny problem kiedy 1-wszy raz chcesz wczytać strone to background buttonów się nie wyświetla(MENU).
Oto mój problem:
Mam problem z menu a dokładniej chodzi mi o to żeby menu otwierało się z boku a nie pod spodem. http://www.realvsbarca.of.pl/ zakładka Składy, chciałbym żeby po kliknięciu na boisko rozwijała się lista graczy.
HTML:
Kod:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title></title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="menu.js"></script>
</head>
<body>
<div id="top">
<div id="BODY">
<div id="LOGO"><!--LOGO--><img src="strona/bann.png" alt=""><!--/LOGO--></div>
<div id="LINKI">
<!--LINKI-->
<font color="black">
<ul>
<li><a href="index.html">Storna Główna</a></li>
<li><a href="news.html">Newsy</a></li>
<li><a href="term.html">Terminarz</a></li>
<li><a href="media.html">Multimedia</a></li>
<li><a href="czat.html">Czat Fanów</a></li>
</ul>
<!--/LINKI-->
</div>
<div id="MENU">
<!--MENU-->
<div class="MENU">
<div class="NAGLOWEK" id="MENU_NAGLOWEK"><!--NAGLOWEK MENU-->Menu<!--/NAGLOWEK MENU--></div>
<div class="ZAWARTOSC">
<!--ZAWARTOSC MENU-->
<ul>
<li><a href="index.html">Strona Główna</a></li>
<li><a href="news.html">Newsy</a></li>
<li><a href="term.html">Terminarz</a></li>
<li><a href="media.html">Mulitimedia</a></li>
<li><a href="czat.html">Czat Fanów</a></li>
<li><a href="tap.html">Tapety</a></li>
<li><a href="sklady.html">Składy</a></li>
</ul>
<!--/ZAWARTOSC MENU-->
</div>
</div>
<!--/MENU-->
</div>
<div id="TRESC">
<div class="ZAWARTOSC">
<!--TRESC-->
<h1> Składy</h1>
<dl id="menu0">
<dt><img src="strona/rboisko.png" alt="kliknij by zobaczyć listę zawodników" style="filter: alpha(opacity=50)" onmouseover="this.style.filter=''" onmouseout="this.style.filter='alpha(opacity=50)'" />
</dt>
<dd>Element</dd>
<dt><img src="strona/bboisko.png" alt="kliknij by zobaczyć listę zawodników" style="filter: alpha(opacity=50)" onmouseover="this.style.filter=''" onmouseout="this.style.filter='alpha(opacity=50)'" />
</dt>
<dd>Element 2.1</dd>
</dl>
<script type="text/javascript">
// <![CDATA[
new Menu('menu0', '', false, false, 200, 200);
// ]]>
</script>
<!--/TRESC-->
</div>
</div>
<div id="STOPKA"><!--STOPKA-->©Mateusz Abramczyk 2009 <!--/STOPKA--></div>
</div>
</div>
</body>
</html>Css:
Kod:
#menu0 {
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
font-weight: blod;
float: left;
}
#menu0 dd {
background-image: url("strona/MW11.png");
}