PDA

Zobacz pełną wersję : Pozycje w mainmenu


nspk
22-11-2006, 12:44
Witam, mam takie pytanie. Co trzeba wykonać aby w pozycji main menu która zajmuje dwa wersy, drugi wers miał takie samo wyciecie co pierwszy. Wiem ze w ccs reguleje sie odlegosc wciecia od krawedzi - ale działa to tylko dla pierwszego wiersza. Jakie zmainy należy wykonąc aby to łądnie wyglądało.

Przykład wrzucam w załączniku.
fotobar
22-11-2006, 13:32
dla a.mainlevel:link ustaw padding-left: 30px;
nspk
22-11-2006, 17:32
Cos takiego mam w ccs:
a.mainlevel:link , a.mainlevel:visited { display : block; font-size : 12px; border-top : 1px solid #ffffff; border-bottom : 1px solid #bcb778; background-color : #ecead8; font-weight : normal; padding : 2px 0; color : #996600; text-decoration: none; text-indent : 10px; }
a.mainlevel:hover { color: #960; background-color : #e3e1c6; font-size : 12px; font-weight : normal; text-decoration: none; text-indent : 10px; padding-left: 5px; border-left: 5px solid #bcb778; }
#active_menu { color : #996600; font-weight : bold; text-decoration: none; }
a:link, a:visited { font-size : 11px; color : #a5a169; font-weight : bold; text-decoration: underline; }

Gdzie to mam wstawic, jak wstawiam po a.mainlevel:link { padding-left: 30px } , to nic sie nie zmienia.
Rybik
22-11-2006, 18:28
mozille i explorer roznie to interpretuja, trzeba pokombinowac z ustawieniami margin, padding albo text-indent
Viking
23-11-2006, 00:23
nic nie trzeba kombinować: za wcięcie pierwszej linii tekstu jest odpowiedzialna własność text-indent więc wystarczy ją wywalić i ewentualnie dodać jej wartość do wartości własności padding-left.
fotobar
23-11-2006, 01:28
popieram Viking'a ;-)
Rybik
23-11-2006, 20:35
dobra dobra, tylko wystarczy ze masz menuitemy jako <li> i zaczynaja sie schody z przegladarkami i css
Viking
23-11-2006, 21:09
schody to dla rybki musi być przeżycie ;p
ale tu nie ma. trzeba tylko skontrolować (czytaj ustawić) wszystkie marginesy i paddingi dla ul i li bo przeglądarki różnie kontrolują listy jak mają to robić domyślnie i trzeba wiedzieć jak... dlatego dla początkujących poleca się coś takiego jak "global reset" : pierwsza linia css brzmi wtedy *{margin:0;padding:0}

koniec OT bo nspk już pewnie dawno zrobił a my nie dajemy mu się pochwalić
nspk
30-11-2006, 10:56
Wielkie dzieki Panowie za pomoc:) Porady Vikinga pomogly;).

Mam jeszcze pytanko, jak ustawic aby pozycje w menu mialy stalo wysokosc,
oraz jak wysrodkowac tekst w danej pozycji menu, text-align nie dziala.
Viking
30-11-2006, 12:42
może być że t-a zostało wczesniej zdefiniowane - mozesz to sprawdzic dając po wartości center wymuszenie: "!important"
ale przede wszystkim sprawdz do którego selektora przypisać (nie wiem co tam masz td czy li ) masz mozliwosc przypisania t-a do li{} albo li a{} (w tym przypadku moze byc pomocne okreslenie długości lub sposobu wyświetlania)
nspk
30-11-2006, 14:25
Wpisałem "!important" i testy w pozycjach menu zostaly wysrodkowane.

Mam jeszcze pytanko co do wyskosci komorek, komenda height, nie odnosi skutku??

Czy w css moze wygenerowac gradient - np. dla poszczegolnych pozycji menu, lub taki sam dla wszystkich??

Po zmianie w css ogolnego backgroundu, zmeinia sie takze kolor w panelu administratora pol do wprowadzania tekstu. Jaka pozycje trzeba dodac do css zeby rodzielic te dwie rzeczy??
Rybik
30-11-2006, 20:14
zalezy co formatujesz tą wysokością, spróbuj z line-height
Viking
30-11-2006, 22:37
moze tez sie przydac display:block
nspk
01-12-2006, 09:42
Dzieki wielkie, zaraz przetestuje.