css menu width

[prima08]

Правя едно хоизонтално меню и съм му задал за бекграунд една картинка на бутон.Как да накарам при по дълги думи бутона да се удължава.Ето ми кода

a.nav {float:left;}
a.nav:link {float:left;}
a.nav:visited {
display:block;
float:left;
height:25px;
background-repeat:no-repeat;
background-image:url(images/menua.gif);
border:none;
margin-left: 2px;
text-align:center;
text-decoration:none;
font-family:verdana,arial,sans-serif;
font-size:14px;
color: #ffffff;
}
a.nav:hover {color:#000; background-image:url(images/menub.gif); height:35px;}
a.nav:active {color:red; background-image:url(images/menub.gif);}

Не ме питайте защо съм го направил така.Това ми е първото мену

 

[adrian]

a.nav {float:left;}
a.nav:link {float:left;}
a.nav:visited {
display:block;
float:left;
height:25px;
background-repeat: repeat-x;
background-image:url(images/menua.gif);
border:none;
margin-left: 2px;
text-align:center;
text-decoration:none;
font-family:verdana,arial,sans-serif;
font-size:14px;
color: #ffffff;
}
a.nav:hover {color:#000; background-image:url(images/menub.gif); height:35px;}
a.nav:active {color:red; background-image:url(images/menub.gif);}

С repeat-x повтаряш картинката само в хоризонтално направление. Ако искаш във вертикално тогава е repeat-y.

Не съм много сигурен, че те разбрах какво искаш, за това го пробвай и ако не стане обясни по-подробно

Успех :?:

 

[prima08]

Стана.Но аз искам да не се повтаря.А самият бутон да се разширява
Подобно на това меню.
http://www.dynamicdrive.com/style/csslibrary/item/overlapping-horizontal-tabs/
Тук имаме картинка за фон на всеки бутон и картинката се свива и разширява във основа на текста в бутона

 

[akolevutd]

Дай линк

 

[adrian]

Погледни в тази тема. Още първото меню, което съм дал ти върши работа

Ето ти и няколко кода да разгледаш:
1
2
3
4
5

и ако все пак не си харесаш - ето ти още