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


Меню В Шапке

меню шапка размер

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 8

#1 Shadelle

Shadelle

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

  • Пользователи
  • PipPip
  • 19 сообщений

Отправлено 19 Февраль 2014 - 00:03

Здравствуйте, поставила меню в шапку и у сайта появилось пустое место справа. Когда меняю размер меню, оно становится то слева то справа то вверху бродит по всей шапке. Помогите пожалуйста с размером меню..

1222.jpg
2.jpg

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Февраль 2014 - 02:59

Попробуйте внести сл.изменения, style.css найдите:
#megamenu {
	float: left;
	height: 10px;
	margin: -40px 0 0;
	position: relative;
	width: 100%;
}
замените на:
#megamenu {
	float: left;
	height: 10px;
	margin: -40px 0 0;
	position: relative;
	width: 700px;
}


#3 Shadelle

Shadelle

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

  • Пользователи
  • PipPip
  • 19 сообщений

Отправлено 19 Февраль 2014 - 14:28

Просмотр сообщенияVaccina (19 Февраль 2014 - 02:59) писал:

Попробуйте внести сл.изменения, style.css найдите:
#megamenu {
float: left;
height: 10px;
margin: -40px 0 0;
position: relative;
width: 100%;
}
замените на:
#megamenu {
float: left;
height: 10px;
margin: -40px 0 0;
position: relative;
width: 700px;
}
Я так делала, тогда меню поднимается вверх, если его выровнять на место то при изменения размера окна браузера меню опускается вниз

вот так получается как на картинках
1111111.jpg 22222222.jpg 33333333.jpg

#4 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 19 Февраль 2014 - 22:07

Просмотр сообщенияShadelle (19 Февраль 2014 - 14:28) писал:

Я так делала, тогда меню поднимается вверх, если его выровнять на место то при изменения размера окна браузера меню опускается вниз

вот так получается как на картинках
Прикрепленный файл 1111111.jpgПрикрепленный файл 22222222.jpgПрикрепленный файл 33333333.jpg

Здравствуйте, внесите данные изменения
Редактируем шаблон style.css
Находим
#megamenu {
float: left;
height: 10px;
margin: 38px 0 0;
position: relative;
width: 700px;
}

Заменяем на
#megamenu {
float: left;
height: 10px;
margin: -40px 0 0 0;
position: relative;
width: 100%;
}


#5 Shadelle

Shadelle

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

  • Пользователи
  • PipPip
  • 19 сообщений

Отправлено 19 Февраль 2014 - 22:48

заменила, и вернулась

Просмотр сообщенияCastiel (19 Февраль 2014 - 22:07) писал:

Здравствуйте, внесите данные изменения
Редактируем шаблон style.css
Находим
#megamenu {
float: left;
height: 10px;
margin: 38px 0 0;
position: relative;
width: 700px;
}

Заменяем на
#megamenu {
float: left;
height: 10px;
margin: -40px 0 0 0;
position: relative;
width: 100%;
}
Здравствуйте, заменила и получилось то же что было

2.jpg

1222.jpg

#6 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 19 Февраль 2014 - 22:53

Просмотр сообщенияShadelle (19 Февраль 2014 - 22:48) писал:

заменила, и вернулась
Здравствуйте, заменила и получилось то же что было

Каким браузером вы пользуетесь (версия) ?
Пробовали чистить кеш браузера или воспользоваться другим браузером?
Пришлите пожалуйста полный скриншот сайта

Не удалось обнаружить данный отступ, в Chrome сайт отображается корректно на всех размерах браузера

#7 Shadelle

Shadelle

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

  • Пользователи
  • PipPip
  • 19 сообщений

Отправлено 20 Февраль 2014 - 01:39

Просмотр сообщенияCastiel (19 Февраль 2014 - 22:53) писал:

Каким браузером вы пользуетесь (версия) ?
Пробовали чистить кеш браузера или воспользоваться другим браузером?
Пришлите пожалуйста полный скриншот сайта

Не удалось обнаружить данный отступ, в Chrome сайт отображается корректно на всех размерах браузера


Хром Версия 32.0.1700.107 m, explorer,  опера, во всех браузерах есть этот отступ, везде чистила кеш все чистила проверяла с др. бука тоже самое



там стоит его ширина 100%  (1200*80) а это на страницу, но это меню с отступом влево поэтому оно длиться все 1200 и появляется отступ, а если делаешь его 800 пиксель или 900 то оно поднимается.

#8 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 20 Февраль 2014 - 12:24

Просмотр сообщенияShadelle (20 Февраль 2014 - 01:39) писал:

Хром Версия 32.0.1700.107 m, explorer,  опера, во всех браузерах есть этот отступ, везде чистила кеш все чистила проверяла с др. бука тоже самое

Прикрепленный файл хром.jpgПрикрепленный файл эксплорер.jpg

там стоит его ширина 100%  (1200*80) а это на страницу, но это меню с отступом влево поэтому оно длиться все 1200 и появляется отступ, а если делаешь его 800 пиксель или 900 то оно поднимается.

Здравствуйте, действительно обнаружили этот отступ.
Попробуйте такой вариант
Редактируем style.css
Находим и удаляем этот блок
#megamenu {
position: absolute;
height: 54px;
top: 0px;
left: 255px;
}

Находим
#megamenu {
float: left;
height: 10px;
margin: -40px 0 0 0;
position: relative;
width: 100%;
}

Заменяем на
#megamenu {
float: left;
height: 40px;
top:0;
left:255px;
margin: -40px 0 0 0;
position: relative;
width: 80%;
}


#9 Shadelle

Shadelle

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

  • Пользователи
  • PipPip
  • 19 сообщений

Отправлено 20 Февраль 2014 - 13:28

Просмотр сообщенияCastiel (20 Февраль 2014 - 12:24) писал:

Здравствуйте, действительно обнаружили этот отступ.
Попробуйте такой вариант
Редактируем style.css
Находим и удаляем этот блок
#megamenu {
position: absolute;
height: 54px;
top: 0px;
left: 255px;
}

Находим
#megamenu {
float: left;
height: 10px;
margin: -40px 0 0 0;
position: relative;
width: 100%;
}

Заменяем на
#megamenu {
float: left;
height: 40px;
top:0;
left:255px;
margin: -40px 0 0 0;
position: relative;
width: 80%;
}

:) большое спасибо Волшебник))
#megamenu {
position: absolute;
height: 54px;
top: 0px;
left: 255px;
}
не нашла этот блок вообще, но этот отступ исчез спасибо)




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных