[CSS]wyśrodkowanie menu Opcje

[edzio_max]

Witam. Jako że moje zdolności graficzne są na poziomie ...... w sumie to ich wogule nie ma (IMG:style_emoticons/default/sad.gif)
Skorzystałem z gotowego szablonu menu który znalazłem w sieci. Doskonale pasuje do mojej strony, lecz mam jeden problem z którym sobie nie mogę poradzić (IMG:style_emoticons/default/sad.gif)

Otóż menu jest wyrównywane to lewej a cichłbym aby było wyśrodkowane, niestety przy moich próbach zwsze się rozjeżdżało, daje kod, mam nadzieje ze pomożecie (IMG:style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
<ul id='menu'>
			<li class="button"><a class='current' href='http://' >Home</a></li>
			<li class="button"><a href='http://'  >Zarejestruj</a></li>
			<li class="button"><a href='http://'  >Regulamin</a></li>
			</ul>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
 
	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 #09F;
	border-bottom:1px solid #09F;
	margin-bottom: 10px;
}
 
ul#menu li
{
 
	float:left;
	margin:0;
	padding:0;
	display:inline;
}
 
ul#menu li a
{
 
	float:left;
	color: #FFF; /*kolor czcniko w menu */
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
}
 
ul#menu li a:hover
{	
	color:#ADFF2F;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;		
}
 
 
ul#menu li a.current
{
 
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
}
 
[HTML] pobierz, plaintext 

z góry dzięki

Ten post edytował edzio_max 20.12.2010, 22:20:47

[Damonsson]

Dodaj do

[CSS] pobierz, plaintext 
ul#menu
[CSS] pobierz, plaintext 

[CSS] pobierz, plaintext 
display:inline-block;
[CSS] pobierz, plaintext 

Ten post edytował Damonsson 21.12.2010, 00:46:19