Pełna wersja: [HTML] 100% ul
Witam, mam problem z wycentrowanie calego ul na 100% strony probóję tak , ale nie wychodzi :/
Musisz nadać jakąś wartość dla <ul> bo standardowo jest na 100%. Kod:
też tak próbowałem ale wszystko z li nie jest wycentrowane tylko bardziej do lewej :/ dziwne;/
To zostaje wsadzić to wszystko w tabele.Kod:
tabela odpada :/
poczytaj do czego służy float, zanim zaczniesz zadawać takie pytania 
wskazówka: wywal float, dla li daj display: inline-block;
wskazówka: wywal float, dla li daj display: inline-block;
Cytat(sliwa007 @ 28.10.2011, 17:51:43 ) 
To zostaje wsadzić to wszystko w tabele.Kod:
Człowieku zmiłuj się i odczep się od tabel, nigdy nie radź nikomu takich "wynalazków"!
Ci do problemu, co chcesz uzyskać?
Jeśli wycentrować to nie określaj width na 100% a na właściwą szerokość, a następnie margin 0px auto.
Jeśli chcesz rozstrzelić na całą szerokość, to będzie problem w czystym html css..
czyli jak inaczej moglbym to rozwiązać ?
Jeśli chodzi o display: inline-block; to ma przedziwne zachowania więc ja radzę uważać, ale na pewno jest przydatne i warto się pomęczyć. :-)
Coś takiego działa na pewno pod ff, pod innymi też powinno, a jeśli nie to trzeba zamiast text-align: center; dodać szerokość obiekty czyli w tym przypadku ~160px. Nie wiem czy jesiennieje lepsze poprawna deklaracja.
Kod
<style>
#stopa
{
width: 1000px;
}
#stopa ul
{
margin: 0px auto;
padding: 0px;
text-align: center;
list-style: none;
}
#stopa ul li
{
display: inline-block;
}
</style>
<footer id="stopa">
<ul>
<li><a href="das" >cos</a></li>
<li><a href="das">cos</a></li>
<li><a href="">cos tam</a></li>
<li><a href="">cos tam</a></li>
</ul>
</footer>
#stopa
{
width: 1000px;
}
#stopa ul
{
margin: 0px auto;
padding: 0px;
text-align: center;
list-style: none;
}
#stopa ul li
{
display: inline-block;
}
</style>
<footer id="stopa">
<ul>
<li><a href="das" >cos</a></li>
<li><a href="das">cos</a></li>
<li><a href="">cos tam</a></li>
<li><a href="">cos tam</a></li>
</ul>
</footer>
Coś takiego działa na pewno pod ff, pod innymi też powinno, a jeśli nie to trzeba zamiast text-align: center; dodać szerokość obiekty czyli w tym przypadku ~160px. Nie wiem czy jesiennieje lepsze poprawna deklaracja.
Jaki chcesz efekt?
Ma być w dynamicznych odstępach na całą szerokość strony czy ma być po środku ze stałymi odstępami?
Ma być w dynamicznych odstępach na całą szerokość strony czy ma być po środku ze stałymi odstępami?
cala strona 100%, na srodku menu 900px li z odstepami 5px; czyli po środku ze stałymi odstępami
Problem rozwiązany
Problem rozwiązany
Cytat(ShadowD @ 28.10.2011, 18:14:28 )
Jeśli chodzi o display: inline-block; to ma przedziwne zachowania więc ja radzę uważać, ale na pewno jest przydatne i warto się pomęczyć. :-)
Coś takiego działa na pewno pod ff, pod innymi też powinno, a jeśli nie to trzeba zamiast text-align: center; dodać szerokość obiekty czyli w tym przypadku ~160px. Nie wiem czy jesiennieje lepsze poprawna deklaracja.
Kod
<style>
#stopa
{
width: 1000px;
}
#stopa ul
{
margin: 0px auto;
padding: 0px;
text-align: center;
list-style: none;
}
#stopa ul li
{
display: inline-block;
}
</style>
<footer id="stopa">
<ul>
<li><a href="das" >cos</a></li>
<li><a href="das">cos</a></li>
<li><a href="">cos tam</a></li>
<li><a href="">cos tam</a></li>
</ul>
</footer>
#stopa
{
width: 1000px;
}
#stopa ul
{
margin: 0px auto;
padding: 0px;
text-align: center;
list-style: none;
}
#stopa ul li
{
display: inline-block;
}
</style>
<footer id="stopa">
<ul>
<li><a href="das" >cos</a></li>
<li><a href="das">cos</a></li>
<li><a href="">cos tam</a></li>
<li><a href="">cos tam</a></li>
</ul>
</footer>
Coś takiego działa na pewno pod ff, pod innymi też powinno, a jeśli nie to trzeba zamiast text-align: center; dodać szerokość obiekty czyli w tym przypadku ~160px. Nie wiem czy jesiennieje lepsze poprawna deklaracja.
display: inline-block; nie działa pod IE mistrzu css
Cytat(sliwa007 @ 28.10.2011, 21:03:56 )
display: inline-block; nie działa pod IE mistrzu css
"Jeśli chodzi o display: inline-block; to ma przedziwne zachowania więc ja radzę uważać, ale na pewno jest przydatne i warto się pomęczyć. :-)"
Dziękujemy Panu za uważne czytanie. :-)
Ps. http://kurs.browsehappy.pl/Bugi/InlineBlock
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.