как да раздалеча бутоните

[IzKuFeLiQqQqQ]

http://kuku-test.webege.com/port/ искам да раздалеча бутони за менюто (не гледайте бялото около тях и header-а после ще ги опрая

 

[tedobedo]

Може да направиш един див и да му зададеш ширина и да го повтаряш след всеки бутон!

 

[IzKuFeLiQqQqQ]

Може да направиш един див и да му зададеш ширина и да го повтаряш след всеки бутон!

направих го след всеки бутон и изчезват бутоните

ето кода

#menu{
	padding-top: 20px;
	height: 64px;
	padding-left: 360px;
	position:relative; 
	overflow:hidden; 
	z-index:1;
	

}

.space {
padding:3px;

}


ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	
}
.tab_bar {
	overflow: hidden;
}
.tab_bar li{
	float: left;
 
}
.tab_bar li a{
	background: url(./img/menu.png) no-repeat 0 ;
	padding: 0px 0 0px 8px;
	display: block;
	line-height:32px;
	text-decoration: none;
	color: #000;
}
 
.tab_bar li a span{
	background: url(./img/menu.png) no-repeat right ;
	padding: 0px 8px 0px 0px;
	display: block;
}
.tab_bar li a:hover{
	background: url(./img/menu3.gif) no-repeat;
	color: #fff;
}
.tab_bar li a:hover span{
	background: url(./img/menu3.gif) no-repeat right ;
 
}
.tab_bar li a:hover span strong{
	background: url(./img/menu3.gif) no-repeat 50% ;
	display: block;
}
.tab_bar ul li .current{	
	background: url(./img/menu3.gif) no-repeat ;
	color: #fff;
}

<div id="menu" align="center"  >
<ul class="tab_bar">
<div class="space"><li class="current">
   <a class="active" title="Menu 1" href="#"><span><strong>Начало</strong></span></a>
</li></div>
<div class="space"><li>
   <a title="Menu 2" href="#"><span><strong>Menu 2</strong></span></a>
</li></div>
<div class="space"><li>
   <a title="Menu 3" href="#"><span><strong>Menu 3</strong></span></a>
</li></div>

</ul></div>

 

[tedobedo]

Пробвай с padding! Най-добре ще е да дадеш част от кода...

 

[hpstuff]

.tab_bar li {
    float:left;
    margin:0 5px;  //примерно
}

 

[IzKuFeLiQqQqQ]

.tab_bar li {
    float:left;
    margin:0 5px;  //примерно
}

благодаря стана