CSS бутони , как да ги оправя?

S

sh0ck

Registered
Значи имам проблем с бутоните , ето ги тук http://realstyle.free.bg , как мога да ги оправя след КОНТАКТИ да няма празно место самите бутони да са само под картинката? Ето го ЦСС кода
Код: 
ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(images/nav_bg.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;		
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
}
 
Така?
Код: 
ul#menu
{
   margin:0;
   padding:0;
   list-style-type:none;
   width:auto;
   position:relative;
   display:block;
   height:30px;
   font-size:12px;
   font-weight:bold;
   background:transparent url(images/nav_bg.png) repeat-x top left;
   font-family:Arial, Helvetica, sans-serif;
   border-bottom:1px solid #000000;
   border-top:1px solid #000000;
}

ul#menu li
{
   display:block;
   float:left;
   margin:0;
   padding:0;
}
   
ul#menu li a
{
   display:block;
   float:left;
   color:#999999;
   text-decoration:none;
   font-weight:bold;
   padding:8px 0 0 0;
}
   
ul#menu li a:hover
{   
   color:#FFFFFF;
   height:22px;
   background:transparent url(images/nav_bg.png) 0px -30px no-repeat;      
}
   

ul#menu li a.current
{
   display:inline;
   height:22px;
   background:transparent url(images/nav_bg.png) 0px -30px no-repeat;   
   float:left;
   margin:0;
}
 
Между отделните бутони <а href"">buton</a> ще сложиш   няколко пъти.
 
Пробвай така

ul#menu
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
font-size:12px;
font-weight:bold;
background:transparent url(images/nav_bg.png) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

ul#menu li
{
display:block;
float:left;
margin:0;
padding:0;
}

ul#menu li a
{
display:block;
float:left;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:8px 0 0 6px;
margin-left: 10px;
}

ul#menu li a:hover
{
color:#FFFFFF;
height:22px;
background:transparent url(images/nav_bg.png) 0px -30px no-repeat;
}


ul#menu li a.current
{
display:inline;
height:22px;
background:transparent url(images/nav_bg.png) 0px -30px no-repeat;
float:left;
margin:0;
}
Увеличете...
 
Пак само текста от бутоните отива по-вляво , самата картинка nav_bg.png е 300х60 пиксела , дали ако нея нещо я барна няма да се оправи ...
 
Впрочем с каква резолюция гледаш :D

Един последен опит.

Код: 
ul#menu
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
font-size:12px;
font-weight:bold;
background:transparent url(images/nav_bg.png) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

ul#menu li
{
display:block;
float:left;
margin:0;
padding:0;
}

ul#menu li a
{
display:block;
float:left;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:8px 0 0 0;
margin-left: 10px;
}

ul#menu li a:hover
{
color:#FFFFFF;
height:22px;
background:transparent url(images/nav_bg.png) 0px -30px no-repeat;
}


ul#menu li a.current
{
display:inline;
height:22px;
background:transparent url(images/nav_bg.png) 0px -30px no-repeat;
float:left;
margin:0;
}
 
Мерси много , че се опитваш да помогнеш , резолюцията ми е 1280х800 ама пак не стават , ще пробвам с други бутони има на размер такива дето ми вършат работа но цвета е друг ще видя кво ще правя.Мерси много :?:
 
Мерси на човека горе който се опита да помогне , но много повече благодаря на теб стана перфектно. :?: :?: :?:
 
shterev каза:
аз знам че ще стане :) , нали с това се занимавам
Увеличете...

аз просто неразбрах "добре" зададения въпрос.
 
deam0n каза:
shterev каза:
аз знам че ще стане :) , нали с това се занимавам
Увеличете...

аз просто неразбрах "добре" зададения въпрос.
Увеличете...

Да ти кажа и аз понякога не разбирам, но като видя сайта и разбирам какво има в предвид :)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе