CSS: Проблем с меню!

[vik96]

Здравейте! Направих си едно ЦСС меню ,което като мишката е върху него да показва фон зад текста с размери 126 х 32,но фона не го показва с тези размери , а с размерите на текста! .Ето го кода :

a.special
{
color: #a08b54; 
width: 126px;
height: 32px;
}
a.special:hover
{
background-image: url(images/buton.gif);
color: #f9e297; 
width: 126px;
height: 32px;
}

 

[emagi]

.special a:link
{
color: #a08b54;
width: 126px;
height: 32px;
}
special a:hover
{
background-image: url(images/buton.gif);
color: #f9e297;
width: 126px;
height: 32px;
}

Обаче ти лиспва и дефиниция за a:visited
Без нея няма май да се получи

 

[vik96]

.special a:link
{
color: #a08b54;
width: 126px;
height: 32px;
}
special a:hover
{
background-image: url(images/buton.gif);
color: #f9e297;
width: 126px;
height: 32px;
}

Обаче ти лиспва и дефиниция за a:visited
Без нея няма май да се получи

не знам ,но този код въобще неработи!

 

[vik96]

въпроса ми е защо фона не излиза със размерите който съм дал. (иначе фона излиза)

 

[emagi]

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

.special a:link
{
color: #a08b54;
width: 126px;
height: 32px;
}
.special a:hover
{
background-image: url(images/buton.gif);
color: #f9e297;
width: 126px;
height: 32px;
}

Добави и дефиниция за a:visited

 

[vik96]

Не работи! ето кода в хтмл-то :

<a href="test.html" class="special">taasdsadsadas</a>

 

[emagi]

Добави ли каквото ти казах:

.special a:link
{
color: #a08b54;
width: 126px;
height: 32px;
}

.special a:visited {
/* тука дефиницията */
}
.special a:hover
{
background-image: url(images/buton.gif);
color: #f9e297;
width: 126px;
height: 32px;
}

 

[vik96]

Добави ли каквото ти казах:

.special a:link
{
color: #a08b54;
width: 126px;
height: 32px;
}

.special a:visited {
/* тука дефиницията */
}
.special a:hover
{
background-image: url(images/buton.gif);
color: #f9e297;
width: 126px;
height: 32px;
}

Не и нестава !!! Дава ми го като линк без никакъв стил ( Син , подчертан линк!
едит : и special a:visited няма нищо общо с моя проблем!!! Просто фона не ми е с желаните разМери!

 

[vik96]

http://wingtsun-montana.hit.bg/Left.html <<< Това искам да направа на менюто

 

[shterev]

добави: display:block; в цсс-а на а тага


a {
color: #a08b54;
width: 126px;
height: 32px;
display:block;

}

 

[emagi]

Ето виж аз как съм го направил

 

[vik96]

добави: display:block; в цсс-а на а тага


a {
color: #a08b54;
width: 126px;
height: 32px;
display:block;

}

+1!

 

[shterev]

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