Меню

[crazy_pi4]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="bg" > 
   <head> 
	  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
	.header a {
		float: left;
		height: 22px;
		display: block;
		padding: 7px 20px 0px 20px;
		color: white;
		background-image: url('images/menu.jpg');
		font-size: 14px;
		text-decoration: none;
	}
	
	.header a:hover {
		text-decoration: none;
		background-image: url('images/hover.jpg');
	}
	
	.header .active {
		background-image: url('images/hover.jpg');
	}
	.header {
		 height: 30px;
		 width: 440px;
		 background-image: url('images/menu.jpg');
		 margin: auto;
		text-align: center;
		letter-spacing: 1px;
		border: 5px solid white;
		margin: auto;
		</style>
		</head>
		<body>
   <div class="header">
					<a class="active"href="#">Начало</a>
					<a href="#">Начало</a>

					<a href="#">Начало</a>
					<a href="#">Начало</a>
					<a href="#">Начало</a>
					</div>
					</body>
					</html>

Сега където и да натисна е така, а искам примерно като натисна на 4-тото Начало да стане така

 

[adrian]

Изобщо не съм сигурен, че знам какво искаш, но ето ако съм рзбрал правилно какво да направиш:

смени това:
.header .active {
background-image: url('images/hover.jpg');
}

с това:
.header а:active {
background-image: url('images/hover.jpg');
}

после смени това:

<div class="header">
<a class="active"href="#">Начало</a>
<a href="#">Начало</a>

<a href="#">Начало</a>
<a href="#">Начало</a>
<a href="#">Начало</a>
</div>

с това:

<div class="header">
<a href="#">Начало</a>
<a href="#">Начало</a>

<a href="#">Начало</a>
<a href="#">Начало</a>
<a href="#">Начало</a>
</div>

Ако съм те разбрал правилно това ще ти свърши работа

 

[crazy_pi4]

еми кво искам, искам когато натиснеш на някое от менютата да се маркира..
т.е. както сега е <a class="active"href="#">Нещо</a> така където и да натисна маркирано ще е нещо, а аз искам като натисна примерно на "асд" и автоматично то да се маркира.. ( това дето даде не стана )

 

[adrian]

Ами ...така както ти дадох не става ли?

 

[crazy_pi4]

Ми не

 

[svilkaa]

<style type="text/css">
   .header a {
      float: left;
      height: 22px;
      display: block;
      padding: 7px 20px 0px 20px;
      color: white;
      background-image: url('images/menu.jpg');
      font-size: 14px;
      text-decoration: none;
   }
   
   .header a:hover {
      text-decoration: none;
      background-image: url('images/hover.jpg');
   }
   .header {
       height: 30px;
       width: 440px;
       background-image: url('images/menu.jpg');
       margin: auto;
      text-align: center;
      letter-spacing: 1px;
      border: 5px solid white;
      margin: auto;
      </style>

<div class="header">
<a href="#">Начало</a>
<a href="#">Начало</a>

<a href="#">Начало</a>
<a href="#">Начало</a>
<a href="#">Начало</a>
</div>

:idea:
Ама и аз нещо не разбрах какво точно искаш ...

 

[djvato]

най лесния начин ...

например влизаш в четвъртата страница там дето води линка и там променяш менюто така :

<div class="header">
<a href="#">Начало</a>
<a href="#">Начало</a>
<a href="#">Начало</a>
<a class="active"href="#">Начало</a>
<a href="#">Начало</a>
</div>

и така в която страница си променяш менюто и добавяш едно

<a class="active"

на бутона който си кликнал :?: