+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Podświetlane Menu (/thread-pod%C5%9Bwietlane-menu)
Podświetlane Menu - xtronix856 - 26-01-2010
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:
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>
RE: Podświetlane Menu - Labsta.com - 26-01-2010
Żeby działało ul a:hover musisz mieć takie elementy w kodzie, a nie masz.
RE: Podświetlane Menu - xtronix856 - 26-01-2010
A bez tych elemetow da sie jakos , albo te co mam da sie jakos przerobic zeby chodzilo czy to a:hover ma jeszcze jakas inna nazwe ?
RE: Podświetlane Menu - xtronix856 - 28-01-2010
Mozna zamknac
juz doszedlem do tego maly trik i wszystko chodzi^^