PDA

Zobacz pełną wersję : Wycentrowanie pozycji w menu - problem



Prezenter
27-01-2011, 18:52
Witam, znalazłem dzisiaj problem na witrynie, którą konstruuję, co przedstawiam na screenie poniżej.

http://img193.imageshack.us/img193/9571/menup.png (http://img193.imageshack.us/i/menup.png/)

"Napisy" w menu są przesunięte do prawego marginesu, przy czym chciałbym nadmienić, że powinny być wycentrowane. Gdzie można szukać przyczyny i rozwiązania tego problemu?

Z góry dziękuję za odpowiedź, pozdrawiam serdecznie.

ppilus
27-01-2011, 18:58
W błędnym kodzie css.
Na podst. obrazka nikt ci nie pomoże rozwiązać problemu.

Prezenter
27-01-2011, 20:25
A jakie informacje muszę podać, by takową pomoc uzyskać?

---------- Post dodany o 20:25 ---------- Poprzedni post był o 19:09 ----------

Jeśli to w jakimś stopniu może pomóc, to zamieszczę tutaj kawałek kodu z plików templatki do edycji:

/*---------------
Main Nav
----------------*/

#main-nav_wrap {
clear:both;
margin:0 auto;
width:996px;
height:65px;
padding:12px 0 0;
background-repeat:no-repeat;
background-position:top;}

#main-nav{
position:relative;
margin:0 auto;
width:960px;
height:50px;
overflow:hidden;}

/* main menu ul or ol elment */
ul#nav{
display:block;
position: absolute;
list-style:none;
margin:0;
z-index:5;
top:0;
right:0}

/* List items in main menu --[for non-javascript users this applies to submenus as well] */
ul#nav li {
background:url(../images/nav_border.png) no-repeat center left;
display:block;
padding-left:1px;
list-style:none;
position:relative;
float:left;}

ul#nav li a,
#MainMenuSub a{
text-decoration:none;
display:block;}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
ul#nav li a{
margin:0;
float:left;
color:#DDAB1F;
text-decoration:none;
display:block;
font-size:1.25em;
font-family:Verdana, Geneva, sans-serif;
padding:0 25px 15px;}
ul#nav li a span {
display:block;
padding-top:11px;}
ul#nav li li a span { display:inline; padding-top:0}
ul#nav li a span.sub {
display:block;
font-size:.7em;
padding-top:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin-top:10px;
letter-spacing:normal}
ul#nav li li a span.sub {
display:inline;
font-size:1em;
margin-top:0;}
ul#nav li li a:hover span.sub { color:#fff}


/* All menu links on hover or focus */
ul#nav li a:hover, ul#nav li a:focus,
#MainMenuSub a:hover, #MainMenuSub a:focus,
ul#nav a.mainMenuParentBtnFocused, #MainMenuSub a.subMenuParentBtnFocused{
color:#ccc;}

/* sub menu links on hover or focus */
ul#nav li li a:hover, #nav li a:focus,
#MainMenuSub li a:hover, #MainMenuSub li a:focus,
#nav a.mainMenuParentBtnFocused, #MainMenuSub a.subMenuParentBtnFocused{
color:#ccc;}

Bazyl
27-01-2011, 20:53
Na podstawie kawałka kodu też nie. Link?

Prezenter
27-01-2011, 21:04
Jeśli chodzi o link strony, to proszę - klik (http://centrumjumpstyle.pl/).

ppilus
27-01-2011, 21:14
W pliku /templates/it_cinema/css/styles/style10.css dla:
ul#nav ul li a, #MainMenuSub ul li a (ok 29 wiersza)
dopisz:
padding-right: 10px;

Prezenter
27-01-2011, 21:22
Dopisałem to w następujący sposób:

ul#nav ul li a,
#MainMenuSub ul li a { color:#856350; }
padding-right: 10px;
Lecz niestety efekt jest ten sam, czy jest to spowodowane złym dopisaniem, czy gdzieś indziej tkwi problem?

a_m
27-01-2011, 21:27
wtrącę się na moment: #MainMenuSub ul li a ma padding: 0 0 0 15px czyli odpychanie od lewej krawędzi o 15 px

ppilus
27-01-2011, 21:28
Pewnie gdzie indziej ... to menu, które się wysuwa ma szerokość ustaloną na 103px ale nie jest to określone w plikach css. Popatrz może w ustawieniach menu.

//edit: @a_m zmiana padding powoduje jedynie przesunięcie wpisów do lewej. Trzeba zlokalizować gdzie jest wpisana ta szerokość.

Prezenter
27-01-2011, 21:37
Hmm a czy skoro jest ustawione odpychanie od lewej krawędzi o wspomniane 15px i zredukowalibyśmy tą wartość do powiedzmy 8px, to czy byłaby możliwość, by ustawić odpychanie od prawej krawędzi o pozostałe 7px?

---------- Post dodany o 21:37 ---------- Poprzedni post był o 21:33 ----------

Okej Panowie, dziękuję bardzo za zainteresowanie tematem, ale znalazłem przyczynę :)
W pliku menu.css

Zmieniłem wartości z tych:

#MainMenuSub ul li a {
height:30px;
color:#8A6262;
padding: 0 0 0 15px;
Na następujące:

#MainMenuSub ul li a {
height:30px;
color:#8A6262;
padding: 0px 15px 0px 15px;
Mam nadzieję, że nie wpłynie to w jakiś negatywny sposób na funkcjonowanie strony.

ppilus
27-01-2011, 21:42
A tak swoją drogą przecież możesz zapytać w IceTheme czemu zakupiony szablon nie działa jak powinien.
Dla klubowiczów służą pomocą :)

Prezenter
28-01-2011, 12:38
Tak, tylko nie sądzę, że mówią dobrze po polsku, bo z językami obcymi u mnie nie jest najlepiej.