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".

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Два браузера по-умолчанию
3 SOROKVLAD29 594 24.5.2018, 17:19
автор: SOROKVLAD29
Открытая тема (нет новых ответов) Дизайн Landing Page для Вашего бизнеса
2 DPavelV 966 21.5.2018, 20:34
автор: DPavelV
Открытая тема (нет новых ответов) Landing Page от 115$ | Уникальный дизайн | Для бизнеса | Для CPA офферов | Для работы с ПП AliExpress/Admitad/Ad1
0 Flegs 306 16.5.2018, 13:19
автор: Flegs
Открытая тема (нет новых ответов) Непонятный дубль страницы
5 kelevra 943 16.5.2018, 12:52
автор: adnr78
Открытая тема (нет новых ответов) Услуги по верстке
8 KOLIAN 1401 14.5.2018, 16:25
автор: KOLIAN


 



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