Wyśrodkowanie poziomego menu w CSS


(Bogus M) #1

(Mariuszs) #2

dodanie

margin:0 auto;

do klasy .top_nav nie pomaga?


(Bogus M) #3

niestety nie pomaga


(Mariuszs) #4

a tak?

margin:0 auto!important;

(Bogus M) #5

też nie

musiałem zmienić trochę kod CSS ponieważ bardzo żel wyglądało to pod FF

zmieniony fragment

ul {

clear:left;

float:left;

margin:0 auto;

background-color: #fff;

padding: 1px 0 1px 1px;

border: 1px solid #000;

}

(Mariuszs) #6

Tak na szybko można to rozwiązać dając

padding-left:90px;

do klasy .top_nav


(Bogus M) #7

ustawienie padding-left:28px; daje efekt w miarę zadowalający

niemniej jednak chciałbym zrobić tak żeby obramowane menu wypełniało cały top_nav

ogólnie czytałem że z ustawionym float:left w ul li ciężko jest wyśrodkować ale podobno się da to zrobić

ps: wzorowałem się na kursie z http://www.kurshtml.boo.pl


(mario@) #8

A jakbyś styl dla ul zastąpi tym

ul {

    width:681px;

    margin:0 auto;

    background-color: #fff;

    padding: 1px 0 1px 1px;

    border: 1px solid #000;

    overflow:auto;

    }

Zamiast padding-left możesz dodać element listy


(Bogus M) #9

po wprowadzeniu tego kodu i zwiększeniu width otrzymałem efekt ten sam co stosując padding-left

niestety w dalszym ciągu nie jest to tak jakbym chciał :slight_smile:

wyczytałem że stosując float:left w ul li należy dodatkowo dac clear:left - niestety nie pomogło

jeszcze jakieś pomysły? będę wdzięczny