Zobacz pełną wersję : Pozycje w mainmenu
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.
dla a.mainlevel:link ustaw padding-left: 30px;
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.
mozille i explorer roznie to interpretuja, trzeba pokombinowac z ustawieniami margin, padding albo text-indent
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.
dobra dobra, tylko wystarczy ze masz menuitemy jako <li> i zaczynaja sie schody z przegladarkami i css
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ć
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.
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)
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??
zalezy co formatujesz tą wysokością, spróbuj z line-height
moze tez sie przydac display:block
Dzieki wielkie, zaraz przetestuje.
vBulletin® v4.2.5, Prawa przedruku © 2024 vBulletin Solutions, Inc. Wszystkie prawa zastrzeżone.
Tłumaczenie: Polskie Centrum Joomla!