- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Переиграть и победить: как анализировать конкурентов для продвижения сайта
С помощью Ahrefs
Александр Шестаков
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Приветствую! Была у меня шапка сайта прописана через css вот в таком виде
div#header
{background-image:url(header.jpg);
background-repeat:no-repeat;
background-position:top;
width:100%;
height:222px; }
div#header_back
{background-image:url(back.jpg);
background-repeat:repeat-x; }
Было удобно - не надо вставлять на каждую страницу, раз прописал и готово.
Решил недавно сделать активные области на шапке, и вот тут сломал себе уже мозк.
Получаем вот такое -
<img name="header" src="header.jpg" width="999" height="158" border="0" usemap="#m_header"><map name="m_header">
<area shape="rect" coords="65,21,337,135" href="javascript:;" >
</map>
Этот код прописывается в html файле страницы, а как сделать шапку резиновую ? В первом варианте за это отвечал id header_back, а как быть тут ? Очень прошу помогите :)
Нужно сделать родительский слой с картинкой, а в него уже вставлять img
Примерно так:
CSS
div#header_back{background-image:url(back.jpg);
background-repeat:repeat-x;
text-align:center; // Для отображения картинки по центру
}
HTML
Ядрен батон, заработало! Я два дня просидел за этим делом и ничего не получалось.
Приношу Вам большую и искреннюю благодарность за помощь. не знаю как бы сам справился. Добавлю отзыв, еще раз спасибо! :)🚬
Пожалста.
Хотя шапку лучше полностью слоями сверстать, чем использовать карту.
Даете div#header_back свойство css position:relative и внутри него позиционируете остальные элементы с помощью position:absolute;