Хоризонтално CSS меню в центъра на страницата.

Galli

Registered
Ето кода на менюто:
Код:
<STYLE type=text/css>
#menu a{
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #ccc; 
FONT-FAMILY: Arial; 
BACKGROUND-COLOR: #000; 
TEXT-DECORATION: none;
FLOAT: left;
}
</STYLE>
Код:
<BODY>
<center>
<DIV id="menu">
<a href="">TEST</a> 
<a href="">Test</a>
</DIV>
</center>
</BODY>
Исках да махна разстоянието между двата бутона и тряснах FLOAT: left;
но менюто отиде в лявата част на страницата. Та въпросът ми е как да го закарам в средата и да няма растояние между бутоните.
 
При мен го направих така и стана :

Код:
<STYLE type=text/css>
#menu a{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #ccc;
FONT-FAMILY: Arial;
BACKGROUND-COLOR: #000;
TEXT-DECORATION: none;
}
</STYLE>

Код:
<BODY>
<center>
<DIV id="menu">
<a href="">TEST</a><a href="">Test</a>
</DIV>
</center>
</BODY>
:roll:
 
Мм тежко е да съм тъп, за цял живот е. :) Много ти благодаря, скоро нямаше да го измисля.
 

Back
Горе