Въпрос относно създаването на едно меню

Devillman

Registered
Така въпроса ми е следния виждал съм как с css създават следното меню

имаме една картинка

ka1.jpg


Въпроса ми е следния как се прави така че когато не е посочено с мишката върху нея да е червена а когато посоча върху нея да стане синя :)
 
menu.html
Код:
<html>
<head><title>Menu</title>
<style type="text/css">
.menu {
width:120px; /*задаваме широчина*/
height:60px; /*задаваме височина*/
padding:3px 40px; /*задаваме вътрешните отстъпи*/
color:#000; /*цвят на текста в нормално състояние*/
font-weight:bold; /*форматиране на текста,в случая текста ще бъде удебелен*/
letter-spacing:0.5px; /*разстояние между буквите*/
background:#333 url('menu.jpg') 0 0px no-repeat; /*задаваме фон на бутона в нормано състояние*/
border:1px solid #000; /*задаваме рамка на бутона*/
text-decoration:none; /* задаваме да няма подчертаване на линковете*/
}

.menu:hover {
color:#FFF; /*цвят на текста когато сме посочили бутона*/
background-position: 0 -32px; /*посочваме стойностите откъде докъде да използва картинката за фон*/
}

</style>
</head>

<body>
<a href="#" class="menu">Link</a>
<a href="#" class="menu">Link</a>
<a href="#" class="menu">Link</a>
<a href="#" class="menu">Link</a>
<a href="#" class="menu">Link</a>
<a href="#" class="menu">Link</a>
</body></html>
картинката я запиши като menu.jpg и е желателно да е с размери 115x60
ЕДИТ:
Аз ти я направих ето свали си я от тук http://web-tourist.net/project/zion/menu.jpg
 
Вече дадох точката но има ли някакъв начин да се направи да бачка и под IE аз съм с mozilla но като направя сайта все пак ще има и хора които ползват и други бразуери :) или ще тряаа се прай с JS
 
в момента кое не ти работи под ие?

щом задаваш клас да речем в случая ти е menu и има и hover, в ие това работи само при <a> таговете. Ползвап ли hover за инпут бутони и др такива , не работи и се ползва едно малко js кодче в самия html
 

Back
Горе