Как се центрират "float" елементи

[geo6o]

Здравейте,
интересува ме как мога да центрирам бутони със float:left.
Пробвах всякакви начини, но нещо не се получава.
Ако може някой да помогне ще съм му много благодарен )))

 

[IzKuFeLiQqQqQ]

margin-left:1px/%;

 

[geo6o]

Ако го направя с margin left няма ли при различни екрани да се показва по-различен начин ?

 

[IzKuFeLiQqQqQ]

Ако го направя с margin left няма ли при различни екрани да се показва по-различен начин ?

ако е в процент не би трябвало ако е в пиксели тогава ще се показва по различен начин

 

[geo6o]

Няма ли друг начин, защото така трябва да пробвам много възможности докато уцеля

 

[IzKuFeLiQqQqQ]

Няма ли друг начин, защото така трябва да пробвам много възможности докато уцеля

ми няма др начин...

 

[shterev]

Сега да ти кжа аз ,че флоатнти елементи не се центрират Ако се мъчиш да направиш тази простотия, значи структуарта на кода ти не е наред .

 

[geo6o]

Тогава с какво да заменя флоата :?:?

 

[shterev]

ами дай да ти видим кода как е, и какво се мъчиш да постигнеш

 

[geo6o]

Оки, обаче ще го пратя утре. Сега нямам тази възможност

 

[shterev]

най добре го качи някаде в нета, ако го имаш направено

 

[geo6o]

Нямам го готово тъй като исках само да разбера дали е възможно. А ето го и кода :

<html>
<head>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}

</style>
</head>

<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</body>
</html>

 

[Anonymous]

А да беше казал и какво искаш да се получи?
Ако искаш просто да центрираш цялото меню е нужно просто да зададеш някаква широчина на <UL> и да му сложиш margin: auto;.
Ако се опитваш да центрираш самите <li> менюта, ще стане само с margin-left - но пак ще имаш широчина на самия списък.

 

[geo6o]

Ами искам да центрирам цялото меню.
Пробвах със

Ако искаш просто да центрираш цялото меню е нужно просто да зададеш някаква широчина на <UL> аз зададох 480px ( по 120 за бутон) и да му сложиш margin: auto;

, но в този случай бутона ABOUT отива на долния ред

 

[Anonymous]

Да, но имаш и паддинг на линка 4пиксела, което ще стане

120 + 4 (отляво) + 4 (отдясно) = 128
128 по 4 = 512пиксела

 

[geo6o]

Точно това ми трябваше
+1 :?: