Хоризонтално меню

PHP_Masters · 20 Март 2010

Може ли да ми покажете как се прави хоризонталнмо меню с картинки

имам 3 картинки
1 когато мишката не е на линка
2 когато мишката е на линка
и 3 когато се кликне на линка

и тези картинки са по 3 пиксела 1та

ако може го направете да излиза 2-3 пиксела от края на текста и от 2те страни, за да е по-хубаво

аз са сега нямам нищо само основната картинка за фон на менюто

Код:

#menu{
background: url(images2/menu.gif) no-repeat;
margin:0 auto;
width: 886px;
height: 40px;
text-align:center;
padding-bottom: 2px;
}

благодаря предварително

dELux_nike · 20 Март 2010

ако съм те разбрал..
ето един прост пример

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>CSS Menu</title>
<meta http-equiv="ContentType" content="text/html; charset=windows-1251" />
<style>
.menu
{
border-right: 2px solid #999;
}

.menu a
{
background-color: silver;
background-image: url('http://prikachi.com/files/1447225S.jpg');
background-position: 7px 50%;
background-repeat: no-repeat;
font: 12px verdana;
color: #fff;
border: 1px solid #999;
text-decoration: none;
padding: 14px 44px;
float: left;
}

.menu a:visited
{
color: #fff;
border: 1px solid #999;
background-image: url('3-тата картинка когато е цъкнато');
background-color: silver;
}

.menu a:hover
{
background-image: url('http://prikachi.com/files/1447227M.jpg');
background-color: green;
}
</style>
</head>

<body>

<div class="menu">
<a href="#">Проба</a>
<a href="#">Проба</a>
<a href="#">Проба</a>
<a href="#">Проба</a>
<a href="#">Проба</a>
</div>

</body>
</html>

с червено пътя до основната картинка
с оранжево пътя до картинката, която ще се вижда след влизане
с зелен пътя до картинката, която ще се вижда при сложена мишка...

кога е от този урок.. http://videotutorials-bg.com/lessons.php?action=viewsub&id=26&t=71&page=3

Хоризонтално меню

PHP_Masters

Registered

dELux_nike

Registered