menu na liscie poziomej - wyśrodkowanie Opcje

[john_doe]

Witajcie,
napisałem taki styl

[HTML] pobierz, plaintext 
#menu {
  width: 990px;
  height: 46px;
  margin: 0 auto; 
  background-color: #202020;
 
  border: 0px solid red;
}
 
#main-menu {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
 
#main-menu li {
	float: right;
	padding: 0;
}
 
#main-menu li a {
	float: left;
	height: 46px;
	position: relative;
	overflow: hidden;
}
 
#main-menu li a:hover {
	border-width: 0;
}
 
#main-menu li a:hover img {
	position: relative;
	top: -46px;
}
 
[HTML] pobierz, plaintext 

używam to w taki sposób np.

[HTML] pobierz, plaintext 
<div id="menu">
 
	<ul id="main-menu">
 
 
		<li>
			<a href="#" title="title">
				<img src="pics/contact.png" alt="title" border="0"/>
			</a>
		</li>
		<li>
			<a href="#" title="title">
				<img src="pics/video.png" alt="title" border="0"/>
			</a>
		</li>
		<li>
			<a href="#" title="title">
				<img src="pics/galerries.png" alt="title" border="0"/>
			</a>
		</li>
		<li>
			<a href="#" title="title">
				<img src="pics/news.png" alt="title" border="0"/>
			</a>
		</li>
		<li>
			<a href="#" title="title">
				<img src="pics/home.png" alt="title" border="0"/>
			</a>
		</li>												
 
	</ul>
 
</div>
[HTML] pobierz, plaintext 

mój div MENU ma długość 990px grafiki dochodzą do prawej strony tego diva a chciałbym na środeczku...

[Czadus]

Przede wszystkim musisz w nastepujacym stylu usunac #main-menu li a usunac float: left. Dalej, przy tak szerokim menu mogłoby okazać się, że kolejne li wędrują w poziomie obok siebie, chyba, że takie jest zamierzenie. Jeżeli nie, proponuję nadać definicji #main-menu li atrybut o szerokości menu. Jeżeli jednak chciałeś aby kolejne elementy wędrowały w poziomie obok siebie, to wówczas wyśrodkowałbym całość UL, ale nie nadawałbym już w kolejnych elementach flaot: left.

Mam nadzieję, że jasno to wszystko wyjaśniłem.

[john_doe]

nie rozumiem już 1szego zdania zobacz co napisałeś.

[seth-kk]

jade z pamieci ale tak chyba jest najprosciej dopuki uzywasz <img />
1. style z #menu przesun do #main-menu i dodaj text-align: center
2. wszystko co jest w ul powinno posiadac display: inline;