Zmiana wysokości przycisku w menu.

[Gizio]

Witam

Powracam z nowym zagadnieniem do rozwiązania...

Korzystam z szablonu Ja Purity

Menu jest umieszczone na górze strony - pozycja hornav
Chciałbym tak edytować menu aby przycisk były w cieńsze... np takie jak po zalogowaniu do panelu admina.

Czy możecie mi podpowiedzieć gdzie mogę zedytować odpowiednie dane ????

Z góry dziękuję za pomoc
Pozdrawiam
Krzysiek

[tomaszek83]

zapewne w którymś z plików .css szablonu. Skorzystaj z Firebug-a wtedy łatwo znajdziesz gdzie to znaleźć.

[nikszal]

Plik ja-sosdmenu.css, wiersz 18

#ja-mainnav a {
display: block;
line-height: 20px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 5px;

padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
}

Zmiany masz wyróżnione kolorem czerwonym.

[Gizio]

Wykopałem u siebie plik i niestety tam nie mam takich parametrów... dla próby skopiowałem podany przez Ciebie blok do swojego pliku w odpowiednie miejsce. Jednak nie dało to zamierzonego efektu.

[nikszal]

i niestety tam nie mam takich parametrów

Kumasz cokolwiek z css-a?

Specjalnie wyróżniłem zmiany w tej klasie kolorem czerwonym. Zainstaluj Firebuga i sam sprawdź klasę #ja-mainnav a

[Gizio]

Kumasz cokolwiek z css-a?

Specjalnie wyróżniłem zmiany w tej klasie kolorem czerwonym. Zainstaluj Firebuga i sam sprawdź klasę #ja-mainnav a

no to klasa wygląda oryginalnie tak :

#ja-mainnav a {
display: block;
line-height: 20px;
margin: 0;
padding: 10px 20px;
}

spoko powalczę sam... jeśli będą jakieś większe problemy wtedy podpytam.

Pozdrawiam
K

[tomaszek83]

#ja-mainnav a {
display: block;
line-height: 20px;
margin: 0;
padding: 10px 20px;
}

To co jest pogrubione to zapis skrócony. A to co podał Ci @nikszal to zapis rozszerzony.

Równie dobrze można zapisać to tak:
#ja-mainnav a {
display: block;
line-height: 20px;
margin: 0;
padding: 5px 20px;
}

Poczytaj sobie o CSS bo widzę, że kiepsko u Ciebie z tym.

[Gizio]

ok... zrobię najpierw sobie dodatkowe szkolenie... a potem zadam pytanie w razie problemów.

Dzięki za pomoc.
Pozdrawiam

[nikszal]

padding: 10px 20px;

Taki zapis skrócony można zapisać jeszcze dwoma sposobami rozszerzonymi

padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

albo

padding: 20px 10px 20px 10px;

Zawsze zaczyna się od góry (padding-top) i kręci się zgodnie z ruchem wskazówek zegara: right, bottom, left.