Перейти к содержимому


Правки в главном меню


  • Закрытая тема Тема закрыта
Сообщений в теме: 12

#1 klin

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
Репутация: 0
Начинающий

Отправлено 02 October 2011 - 09:16 AM

Правки в главном меню

1) Шаблон Ribalka
2) Цель - поменять в главном меню кнопку "О магазине" на кнопку "О компании".
Сменил эти фразы в core/tpl/user/fish/index.tpl.html
в результате несмотря на одинаковую длину слов, справа упал вниз блок поиска товаров: Складок - Складок

Как правильно заменить кнопку "О магазине" на кнопку "О компании" или поправить уже существующую ситуацию?
  • 0

#2 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 02 October 2011 - 10:37 AM

в файле стилей

.search_2 {
background: url("header_search.png") no-repeat scroll 100% 0 transparent;
margin: 0;
padding: 0;
width: 239px;
}


т.е. измените ширину поиска с 244px на 239px

---------- Сообщение объединено ----------

или
в файле стилей


.menu_item a {
display: inline-block;
padding: 20px 32px 22px;
text-transform: uppercase;
}



т.е. измените боковые отступы в меню с 33px на 32px - так будет правильнее
  • 0

#3 klin

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
Репутация: 0
Начинающий

Отправлено 02 October 2011 - 02:02 PM

Спасибо за ответ.
Первый способ помог, второй, который вы назвали правильным принес вот такие результаты, вместо меню белое поле:

Изображение
  • 0

#4 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 02 October 2011 - 09:48 PM

второй, который вы назвали правильным принес вот такие результаты, вместо меню белое поле


не может такого быть, т.к. я проверял прямо на Вашем сайте ))) ... скорее всего Вы что-то сделали не так.

---------- Сообщение объединено ----------

Кроме того, Вы вставили баннер в верхний блок, теперь на сайте при разрешении 1024 (17ти дюймовый монитор) появляется горизонтальная полоса прокрутки, что крайне неудобно.
  • 0

#5 klin

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
Репутация: 0
Начинающий

Отправлено 03 October 2011 - 07:27 AM

не может такого быть, т.к. я проверял прямо на Вашем сайте ))) ... скорее всего Вы что-то сделали не так.


Может быть....уже после своих же комментов, я полез разбираться..., там где вы писали 3 размера в пикселях, изначально было указано 4 размера, удалил 4-й , всё встало по местам....

Кроме того, Вы вставили баннер в верхний блок, теперь на сайте при разрешении 1024 (17ти дюймовый монитор) появляется горизонтальная полоса прокрутки, что крайне неудобно.


Какой банер - banner2? Горизонтальная полоса прокрутки? Что то я её не вижу.....вижу только, что при приближении отдалении (cntr+ и cntr-) блок поиска так и вываливается из общего меню....как то изначально в этом шаблоне этот блок не продуман.....
  • 0

#6 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 03 October 2011 - 08:09 AM

Может быть....уже после своих же комментов, я полез разбираться..., там где вы писали 3 размера в пикселях, изначально было указано 4 размера, удалил 4-й , всё встало по местам....


я вам и написал 3 размера, а точнее 3цифры - 4 размера Первая цифра означает верхний отступ, вторая ЛЕВЫЙ и ПРАВЫЙ а третья нижний, так что код дал правильный, а что Вы не правильно его поправили это уже не моя вина.
к тому же сделал акцент


т.е. измените боковые отступы



---------- Сообщение объединено ----------

Какой банер - banner2? Горизонтальная полоса прокрутки? Что то я её не вижу.....вижу только, что при приближении отдалении (cntr+ и cntr-) блок поиска так и вываливается из общего меню....как то изначально в этом шаблоне этот блок не продуман.....


Забудьте пусть будет как есть.
  • 0

#7 klin

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
Репутация: 0
Начинающий

Отправлено 03 October 2011 - 08:37 AM

было изначально в шаблоне так:
.menu_item a {
display: inline-block;
padding: 20px 33px 22px 32px;
text-transform: uppercase;
}

я сделал так:

.menu_item a {
display: inline-block;
padding: 20px 32px 22px;
text-transform: uppercase;
}

теперь еще и вертикальная полоска между поиском и меню появилась....
  • 0

#8 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 03 October 2011 - 09:01 AM

было изначально в шаблоне так:
.menu_item a {
display: inline-block;
padding: 20px 33px 22px 32px;
text-transform: uppercase;
}

я сделал так:

.menu_item a {
display: inline-block;
padding: 20px 32px 22px;
text-transform: uppercase;
}

теперь еще и вертикальная полоска между поиском и меню появилась....



блин.... вот этот

.menu_item a {
display: inline-block;
padding: 20px 32px 22px 32px;
text-transform: uppercase;
}

и вот этот

.menu_item a {
display: inline-block;
padding: 20px 32px 22px;
text-transform: uppercase;
}



Означает абсолютно одно и тоже, это первое.
А второе у Вас сейчас сделано так как я написал, я проверил в 4-х браузерах (ИЕ8, Хром, Мозилла, Опера) все отображается нормально, какая еще вертикальная полоса???

И вот ссылка очень рекомендую ознакомиться, если Вы решили заниматься версткой самостоятельно, но заставьте себя потрудиться и немного почитать литературы, а потом если что-то будет не понятно я с радостью Вам подскажу.
[HIDE="1"]http://htmlbook.ru/[/HIDE]
  • 0

#9 klin

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
Репутация: 0
Начинающий

Отправлено 03 October 2011 - 10:19 AM

спасибо за ссылку на досуге почитаю...

а вы всё время на одном экране смотрите сайт и с одним разрешением?

а я приближаю и отдаляю сайт, чтобы увидеть. что с ним будет на разных экранах:

Изображение
  • 0

#10 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 03 October 2011 - 10:34 AM

а вы всё время на одном экране смотрите сайт и с одним разрешением?
а я приближаю и отдаляю сайт, чтобы увидеть. что с ним будет на разных экранах:


я Вам об этом и пытаюсь втолкать второй день.... и то что вы приближаете и отдаляете в браузере - до ж.... откройте сайт при другом разрешении и будете удивлены, он будет отображаться совсем не так как при ваших отдалениях, тем более этот "зум" в разных браузерах отображает по разному.
  • 0

#11 klin

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
Репутация: 0
Начинающий

Отправлено 03 October 2011 - 10:40 AM

в том то и дело, что есть шаблоны сайтов, которые "одинаково правильно" выглядять при разных разрешениях и на куски не разваливаются, а есть как этот - у одного будет нормально смотреться, а у другого кусками.... я и хотел, чтобы мне подсказали, как устранить эту оплошность.
  • 0

#12 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 03 October 2011 - 10:52 AM

в том то и дело, что есть шаблоны сайтов, которые "одинаково правильно" выглядять при разных разрешениях и на куски не разваливаются, а есть как этот - у одного будет нормально смотреться, а у другого кусками.... я и хотел, чтобы мне подсказали, как устранить эту оплошность.


Извините я больше не буду отвечать на Ваши вопросы. Или мы говорим на разных языках, или Вы просто отказываетесь читать то что я пишу. Всего доброго.
  • 0

#13 klin

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
Репутация: 0
Начинающий

Отправлено 03 October 2011 - 11:06 AM

Извините я больше не буду отвечать на Ваши вопросы. Или мы говорим на разных языках, или Вы просто отказываетесь читать то что я пишу. Всего доброго.


Я читал всё, что вы писали. Но вы же понимаете, что любой хороший сайт должен одинаково хорошо выглядеть на разных разрешениях?

и внешний вид сайта не должен зависеть от разрешения - он должен оставаться одинаковым (если сайт нерезиновый) либо увеличиваться или уменьшаться, если верстка "резиновая". Разве я не прав?

Вопрос так и остался не решенным, буду искать помощи других специалистов...
  • 0