26-01-2010, 19:55
Witam,
Mam pewien problem ,mam pionowe menu gdy klikne na jaks kategorie tradycyjnie menu sie otwiera wszystko ok, ale chcialem zrobic tak ze jak kursorem najade na jakas kategorie zmieni ona kolor a wlasciwie obrazek sie zmieni mam zapisane menu w CSS wyglada tak:
probowalem dodac:
Natomist stronka wyglada tak:
Musze cos poprawic w Html czy w tym pliku menu.css lub co musze dodac 
Mam pewien problem ,mam pionowe menu gdy klikne na jaks kategorie tradycyjnie menu sie otwiera wszystko ok, ale chcialem zrobic tak ze jak kursorem najade na jakas kategorie zmieni ona kolor a wlasciwie obrazek sie zmieni mam zapisane menu w CSS wyglada tak:
Kod:
#menu0 {
width: 200px;
margin: 10px;
padding: 0;
}
#menu0 dt {
background-color: #888;
background-image: url("pas4.gif");
color: #339933;
font-weight: bold;
text-align: center;
cursor: pointer;
margin: 1px 0 0 0;
padding: 3px;
}
#menu0 dd {
background-color: #eee;
background-image: url("pas5.gif");
color: #3333FF;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #888;
margin: 0;
padding: 3px 5px;
}
#menu0 dd.active {
font-weight: bold;
}probowalem dodac:
Kod:
ul a:hover {
background-color: #797;
background-image: url("pas5.gif");
color: #eff;Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<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" />
<meta name="Description" content="Tu wpisz opis zawartości strony" />
<meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
<title>Tytul</title>
</head>
<body background="tlop.gif"</body>
<head>
<script type="text/javascript" src="menu.js"></script>
<link rel="Stylesheet" type="text/css" href="menu.css" />
</head>
<dl id="menu0">
<dt>Strona główna</dt>
<dt>Punkt1</dt>
<dd>a</dd>
<dd>b</dd>
<dd>c</dd>
<dt>Punkt2</dt>
<dd>a</dd>
<dd>bl</dd>
<dd>c</dd>
<dt>Punkt2</dt>
<dd>a</dd>
<dd>b</dd>
<dd>c</dd>
<dd>d</dd>
</dl>
<head>
<script type="text/javascript">
// <![CDATA[
new Menu('menu0');
// ]]>
</script>
</head>
</html>
Nie ma głupich pytań są tylko głupie odpowiedzi
