bartesek
(Jezol90)
#1
Mam problem, ponieważ nie wiem jak można wyrównać do środka listę wypunktowaną.
-
- Galeria
- Linki
- O szkole
[/code] Styl CSS
[code] #menu { width: 680px; text-align: center; background-color: blue;} ul#lista-menu { list-style-type: none; margin: 0px;padding: 0px;border: 0px; float: left;} ul#lista-menu li { margin: 0px;padding: 0px;border: 0px; float: left;}
Chce żeby tekst w Lista była na srodku, a nie po lewej stronie.
Zapewne mam jakiś bład w składni, ale nie mogę go znaleźć.
Airborn
(Airborn)
#2
wywal
align="center"
centrowanie masz już wstawione w CSS poprzez
text-align: center;
a jak nie zadziała to dodaj jeszcze raz to
text-align: center;
do
ul#lista-menu li
bartesek
(Jezol90)
#3
Może źle określiłem swój problem.
Lista jest z float’owana w lewo i nie wiem jak mam ją wyśrodkować w bloku np. DIV lub TD
kubar3k
(Kubarek)
#4
określ dla #lista-menu jakąś szerokość, może być to np. 300px //1
i dołóż automatyczne marginesy z obydwóch stron //2
i wyrzuć float: left;
#lista-menu {
width: 300px; /* 1 */
margin: 0 auto; /* 2 */
}
bartesek
(Jezol90)
#5
Dzięki tylko że w IE lista nie jest idealnie na środku, a w operze wszystko OK.
maniooo
(maniooo)
#6
Witam,
Wydaj mi się, że nie. Zerknij (tylko to, co u góry):
http://www.maniooo.pl/qpa.php
Dodałem jeszcze:
#menu li{
display: inline;
}
Aby były w linii. Co Ci nie działa? UPDATE Po co dwa tematy?! Zerknij do mojej odpowiedzi z tamtego. Zresztą masz tutaj:
#menu {
width: 680px;
text-align: center;
background-color: blue;
}
#menu ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
[/code]