[Решено?..] Тянущиеся номера

[Tipusha]

Можно ли прикрепить номера телефонов внизу страницы чтобы они тянулись вместе со скроллом ?

[Helloween]

Можно ли прикрепить номера телефонов внизу страницы чтобы они тянулись вместе со скроллом ?

Можно. Но не нужно.

[Tipusha]

Можно. Но не нужно.

А можно поподробнее, почему не нужно ? Мне самому не нравится (в плане юзабилити), но начальник говорит что это обязательно нужно сделать.

[Helloween]

А можно поподробнее, почему не нужно ? Мне самому не нравится (в плане юзабилити), но начальник говорит что это обязательно нужно сделать.

1. Телефон должен быть вверху, а не внизу.

2. Кому нужно позвонить - он будет искать телефон вверху, или на странице "Контакты".

3. Внизу, чаще всего, лепят чаты "онлайн-консультантов".

4. Если он будет тянуться со скроллом, он будет перекрывать часть страницы. Это не очень хорошо.

 

Однако, если очень хочется, то можно и автозвонок в скайп поставить, и еще кучу приблуд.

Прикрутить телефон в любом месте страницы можно, добавив, например в footer.tpl блок с фиксированным позиционированием и параметрами отступов от правого и нижнего (или верхнего и левого, или как больше нравится) края окна браузера.

Например:

<div class="bottom_button" style="width: 300px; height: 100px; display: block; background-color: blue; position: fixed; bottom: 50px; right: 30px;"><p class='phone'>Телефонный номер<p></div>

Этот код выводит синий прямоугольник шириной в 300 пикселей и высотой в 100 пикселей на расстоянии 50 пикселей от нижнего края окна браузера и 30 пикселей от правого края.

Можно содержимое тега style вынести в CSS файл

.bottom_button{
width: 300px;  /*ширина блока*/
height: 100px;  /*высота блока*/
display: block;  /*формат блока*/
background-color: blue;  /*заливка блока*/
position: fixed;  /*позиционирование блока*/
bottom: 50px;  /*отступ снизу*/
right: 30px;  /*отступ справа*/
/*ниже как вариант приведены параметры для отступа сверху и слева*/
/*top: 50px;  /*отступ сверху*/
/*left: 30px;  /*отступ слева*/
/*нужно указывать ОДИН отступ по вертикали и ОДИН отступ по горизонтали*/
}