Google menu не се сменя бордера ?

[breakforce]

Привет Поразрових се малко в интернет и намерих менюто на google, но имам малък проблем когато цъкна на определения линк горе бордера където е не ми се сменя, та въпросами е как мога да го направя така че да се сменя на различните линкове ? Сайта от където намерих кодовете.

HTML код:

<ul class="googleTab">
	<li class="active">Home</li>
	<li>About us</li>
	<li>Our Services</li>
	<li>Our Technologies</li>
	<li>Contact us</li>
</ul>

(Правя ги на линкове и пак нестава т.е. сега както е няма и да стане)

CSS код:

ul.googleTab {
	background: #848383;
	padding:0 5px;
	font-size:13px;
	color:#3366cc;
	overflow:hidden;
 
	background:-moz-linear-gradient(0% 100% 90deg,#f5f5f5, #ffffff);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f5f5));
}
ul.googleTab li {
	float:left;
	padding:7px 8px;
	border-top:solid 2px #bad3ea;	
}
ul.googleTab li.active {
	border-top: solid 3px #1a54e1;
	color:#363636;
	font-weight:bold;
}
ul.googleTab li:hover	 {
	background:#e4ebf8;
	cursor:pointer;
}

 

[tedo96]

<ul class="googleTab">
   <li class="active">Home</li>
   <li class="active">About us</li>
   <li class="active">Our Services</li>
   <li class="active">Our Technologies</li>
   <li class="active">Contact us</li>
</ul>

Сега всичките са активни. Чрез class="active"му задаваш клас, който има стил на "активно" поле.

 

[breakforce]

Нямах предвид това, имах предвид както е маркирано отгоре "Начало" така като цъкнеш на някой друг линк примерно "Контакти" това лентата от "Начало" да се скрие и да се премести на "Контакти" ...

 

[tedo96]

Еми да... Когато си направиш нова страница contact.html и там ще сложиш класа за активност на менюто Контакти...

 

[breakforce]

А няма ли друг вариант да не е всеки бутон така да го нареча, да му сменям класа в различни страници ?

 

[tedo96]

А няма ли друг вариант да не е всеки бутон така да го нареча, да му сменям класа в различни страници ?

Няма.