Перейти к содержанию

Рекомендуемые сообщения

Всем привет!

 

Пилю потихоньку сайтец: http://akrasmed.com/

 

Прошу Вас помочь мне вот с чем. Нужно чтобы фон меню "ГлавнаяО насНовостиКонтакты" был на всю ширину основного фона (1920 px). Как это сделать? (аналогично с футером)

 

Вот как должно быть:

akrasWEB.jpg

 

 

Так же прошу подсказать как сделать чтобы это меню было точно по центру. Сейчас оно описано в CSS так:

#header .links {
    position: relative;
    left: 0px;
    top: 325px;
	text-align: center;
	color: #c8053d;
	background: #e1e1e1;
	background: -moz-linear-gradient(left, #e1e1e1 0%, #ffffff 50%, #e1e1e1 100%);
    background: -webkit-linear-gradient(left, #e1e1e1 0%,#ffffff 50%, #e1e1e1 100%);
    background: -o-linear-gradient(left, #e1e1e1 0%,#ffffff 50%, #e1e1e1 100%);
    background: linear-gradient(left, #e1e1e1 0%,#ffffff 50%, #e1e1e1 100%);
	font-size: 20px;
	height: 34px;
	padding-left: 26%;
    padding-top: 2px;
}
#header .links a {
	background: none;
	float: left;
	display: block;
	padding: 0px 0px 0px 7px;
	text-align: center;
	color: #c8053d;
	text-decoration: none;
	font-size: 25px;
}
#header .links a:hover {
    color: #000;
}
#header .links a + a {
	margin-left: 8px;
	border-left: 1px solid #c8053d;
}

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Одними стилями не обойтись, нужно переверстать
 

a) вынести футер из дива id="container"( в нем останется только контент) задать ему необходимую ширину (980px как я понял из кода) и margin: auto (отпозиционирует по центру)
б) сверстать под хедером отдельный блок (создать див) с шириной в 100% и дать ему необходимый фон (и поместить туда Ваше меню,

в) заключить контент в id="container

г) закрыть див id="container перед футером

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От dmutro962
      Здравствуйте! Прошу помочь мне изменить стандартный шаблон в ocstore а именно изменить шапку сайта.

      из этого сделать к примеру как тут:

      http://ntools.com.ua/
       
      Прошу не судить строго, очень нуждаюсь в помощи!
       
    • От Iskander16
      Привет. Нужны небольшие правки в дизайне сайта на OpenCart: 

      1) Добавить отображение нескольких фото для товара (исправить, сейчас так – ribachok24.ru/index.php?r... 
      Добавить остальные фото под основное фото – ibb.co/z7KbJrX 
      2) Исправить фильтры. Например, по моделям. Сейчас выглядит так – ibb.co/M8KYVzy 
      Их добавить в рядом с сортировкой "По цене"
      Цена 800р, по времени - пару часов.
    • От Sha
      1 899.00 руб · Срок продления: 500.00 руб за 12 месяцев
      Скачать/Купить дополнение


      TONIC - Универсальный адаптивный шаблон
      Tonic - адаптивный и универсальный OpenCart шаблон. Данный шаблон это готовый инструмент для начала продаж в интернете. Современный и дружественный дизайн шаблона подойдет для магазинов различных тематик. Благодаря простой и логичной структуре кода, шаблон имеет высокую скорость работы, а модули присутствующие в комплекте шаблона расширят функционал и внешний вид интернет магазина. 
       
      Шаблон тестировался и работает на OpenCart и Ocstore 2.3.х
      При покупке шаблона каждый клиент при необходимости получает бесплатную помощь по настройке и установке! 
       
      DEMO
       

       
      Особенности шаблона
      Адаптивный дизайн Кроссбраузерная совместимость Модуль Расширенные баннеры             Модуль Ajax быстрый поиск            Модуль Витрина      Модуль Главное меню      Модуль Местоположение атрибутов      Модуль Социальные сети           Модуль Цветной статус товара      Модуль Стикеры Мини меню в шапке сайта Дополнительные позиции в макетах схем Пять цветовых схем Вывод кол-ва продуктов в категориях Упрощенная форма заказа Вывод дополнительных атрибутов для продуктов Iframe карта  Изображение в футере Отображение в продукте детальной информации Сокращение имени товаров  
      Технологии и библиотеки:
      html 5; css 3;  Bootstrap 3.3.5;  JQuery 2.1.1; не используется ionecube.  
      Техническая поддержка
      Техническая поддержка доступна пользователям из списка покупателей.
      Обращаясь с просьбой разобраться в проблеме, предоставьте:
      Адрес сайта; Доступ в админ-панель; Доступ на FTP-сервер. По вопросам технической поддержки обращайтесь через:
      Личные сообщения на форуме; Электронный адрес roma78sha@gmail.com Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней. 
       
       
       
      Добавил Sha Добавлено 24.10.2017 Категория Платные шаблоны Системные требования php 5.4 и выше Сайт разработчика r.konotop.info Старая цена Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      OcShop 2.0.3.х  
    • От Sha
      Tonic - адаптивный и универсальный OpenCart шаблон. Данный шаблон это готовый инструмент для начала продаж в интернете. Современный и дружественный дизайн шаблона подойдет для магазинов различных тематик. Благодаря простой и логичной структуре кода, шаблон имеет высокую скорость работы, а модули присутствующие в комплекте шаблона расширят функционал и внешний вид интернет магазина. 
       
      Шаблон тестировался и работает на OpenCart и Ocstore 2.3.х
      При покупке шаблона каждый клиент при необходимости получает бесплатную помощь по настройке и установке! 
       
      DEMO
       

       
      Особенности шаблона
      Адаптивный дизайн Кроссбраузерная совместимость Модуль Расширенные баннеры             Модуль Ajax быстрый поиск            Модуль Витрина      Модуль Главное меню      Модуль Местоположение атрибутов      Модуль Социальные сети           Модуль Цветной статус товара      Модуль Стикеры Мини меню в шапке сайта Дополнительные позиции в макетах схем Пять цветовых схем Вывод кол-ва продуктов в категориях Упрощенная форма заказа Вывод дополнительных атрибутов для продуктов Iframe карта  Изображение в футере Отображение в продукте детальной информации Сокращение имени товаров  
      Технологии и библиотеки:
      html 5; css 3;  Bootstrap 3.3.5;  JQuery 2.1.1; не используется ionecube.  
      Техническая поддержка
      Техническая поддержка доступна пользователям из списка покупателей.
      Обращаясь с просьбой разобраться в проблеме, предоставьте:
      Адрес сайта; Доступ в админ-панель; Доступ на FTP-сервер. По вопросам технической поддержки обращайтесь через:
      Личные сообщения на форуме; Электронный адрес roma78sha@gmail.com Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней. 
       
       
       
    • От Yarilo
      Добрый день! У нас есть проблемы вёрстки на шаблоне у страниц категорий. Может кто сталкивался с этим и знает как лечиться такая проблема? Верстальщики пока не знают как избавиться от этого. После полной загрузки страницы, всё становиться нормально. Но посетителей это явно пугает.

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.