[HTML][CSS] wycentorwanie menu w bloku Opcje

[Ulysess]

witam mam główny blok który ma szerokość 687 px
problem w tym że próbuje zrobić w pozycji poziomej kilka przycisków w poziomie (kilka czyli różna ilość w zależności od zakładki)
chciałbym aby przyciski były odsunięte od siebie o kilka px a całość była wyśrodkowana (w pozycji poziomej oczywiście)

[HTML] pobierz, plaintext 
div.menu_bookmark {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-border-radius: 10px;
	border-radius: 10px 10px 0px 0px;
	background-color: #ad7a4f;
	width: 110px;
	height: 20px;
	text-align: center;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	display: block;
}
 
div.means_menu {
	text-align: center;
	width: 100%;
	height: 50px;
	display: block;
	background-color: red;
	margin: 0px auto;
}
 
<div class="means_menu">
	<div class="menu_bookmark"><a class="normal" href="a.html">a</a></div>
	<div class="menu_bookmark"><a class="normal" href="b.html">b</a></div>
	<div class="menu_bookmark"><a class="normal" href="c.html">c</a></div>
	<div class="menu_bookmark"><a class="normal" href="d.html">d</a></div>
	<div class="menu_bookmark"><a class="normal" href="e.html">e</a></div>
</div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował Ulysess 9.09.2012, 15:29:26

[b4rt3kk]

Opakuj całość w diva, daj mu odpowiednią szerokość i w css nadaj mu margin: auto.

[Ulysess]

:| a może Ja tak nie zrobiłem ?...

[b4rt3kk]

Niestety nie:

[HTML] pobierz, plaintext 
div.means_menu {
	width: 100%;
}
[HTML] pobierz, plaintext 

co oznacza, że jest takiej szerokości co element nadrzędny w którym go umieszczasz.

Ten post edytował b4rt3kk 9.09.2012, 15:50:11

[Ulysess]

nie rozumiem...
mam blok A -> means_menu
do którego wstawiam kilka (zaleznie od podstrony) bloków B

chce aby bloki B w pozycji poziomej były wycentrowane poziomo względem strony...



w czerwonym DIV chce menu wycentrować ..

Ten post edytował Ulysess 9.09.2012, 16:23:43

[b4rt3kk]

[HTML] pobierz, plaintext 
<div class="means_menu">
<div class="makeItCenter">
	<div class="menu_bookmark"><a class="normal" href="a.html">a</a></div>
	<div class="menu_bookmark"><a class="normal" href="b.html">b</a></div>
	<div class="menu_bookmark"><a class="normal" href="c.html">c</a></div>
	<div class="menu_bookmark"><a class="normal" href="d.html">d</a></div>
	<div class="menu_bookmark"><a class="normal" href="e.html">e</a></div>
</div>
</div>
[HTML] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
.makeItCenter {
margin: auto;
width: 600px; /* koniecznie musisz wpisać szerokość */
}
[HTML] pobierz, plaintext 

Ten post edytował b4rt3kk 9.09.2012, 17:36:17

[Ulysess]

stosuje się do Twojej porady i dalej nie działa :|..
http://ev18.evuzo.pl/t2.html

[lobopol]

menu_bookmark wywal float i zmień display na inline-block