X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Исправить два косяка в верстке страницы Landing Page
beynik
beynik
Topic Starter сообщение 3.10.2013, 20:08; Ответить: beynik
Сообщение #1


Участник
***

Группа: User
Сообщений: 216
Регистрация: 5.2.2010
Из: Мордовия
Поблагодарили: 54 раза
Репутация:   1  


Приветствую, Уважаемые!

Прошу помочь советом. Возможно за $ rolleyes.gif

Пациент beynik.ru/NORFIN

Страницу я сделал. Макет резиновый. Всё хорошо, кроме:
1. Текст в разных браузерах прыгает по вертикали - некрасиво.. Как его стабилизировать?
2. Как сделать активной ссылку ТОЛЬКО НА КНОПКЕ "Перейти в магазин"? Сейчас активна ВСЯ фоновая картинка.

Пациент beynik.ru/NORFIN

Спасибо!
С Уважением, Олег.


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
belka2007
belka2007
сообщение 16.10.2013, 22:03; Ответить: belka2007
Сообщение #2


Новичок
*


Группа: User
Сообщений: 23
Регистрация: 15.10.2013
Поблагодарили: 10 раз
Репутация:   1  


Ну во первых никто классы стилей не пишет кириллицей!

1. Текст не прыгает, так кажется из-за того что у вас фон картинки динамический, а размер окна видимости сайта в браузера разный... Фон увеличиваться/уменьшается динамически в зависимости от окна, а таблица с текстом остается всегда неизменна. Потому текст и налазит на логотип.

2. Вырезать кнопку с картинки фона и закрасить место там где она была под цвет фона, убрать ссылку со всего фона. Потом сделать отдельно ссылку с кнопкой и разместить её в футере.

Тут лучше макет весь заново переделать...)


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Levels
Levels
сообщение 16.10.2013, 22:34; Ответить: Levels
Сообщение #3


Участник
***

Группа: User
Сообщений: 213
Регистрация: 16.2.2013
Поблагодарили: 43 раза
Репутация:   8  


html, body {height:100%;}

сам текст {padding-top:10-15%;}

саму кнопку из картинки лучше вырезать. И уже задать позицию. Если вырезать никак, то определить позицию кнопки в %. И задать <a href="#" class="knopka" /> - ранее вычисленную позицию.

П.С. не забывайте так-же о св-ве "min-width".


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Приоритет верхней части страницы
2 b3rsus 545 11.12.2017, 16:25
автор: One_on_One
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОшибка при создании шаблона страницы ВП
Нет картинок
5 semarg 698 9.12.2017, 15:36
автор: Nell
Открытая тема (нет новых ответов) Веб-дизайн| Landing Page, Интернет-магазины, Баннеры и др. графика
Скидки и работы за отзыв каждую неделю
6 SpaceGray 934 6.12.2017, 17:09
автор: Caterpillar
Открытая тема (нет новых ответов) Поиск страницы VK.COM по номеру мобильного телефона.
10 detalist 3195 4.12.2017, 12:28
автор: detalist
Открытая тема (нет новых ответов) Услуги по верстке
0 KOLIAN 337 29.11.2017, 15:31
автор: KOLIAN


 



RSS Текстовая версия Сейчас: 14.12.2017, 8:46
Дизайн