Адаптивная верстка
Нужно адаптировать верстку сайта http://www.baltflot-travel.ru/ под телефон и планшет.
Желательно сделать это с помощью файла стилей, не меняя особо в коде ничего.
Пример хорошей мобильной верстки - http://tattoo-77.ru/
У нас надо так же сделать, т.е. правую колонку убрать за экран, и она будет показываться при клике на стрелочку.
После клике эта панелька выезжает поверх сайта, не сдвигая его.
Примерная структура главной - http://www.baltflot-travel.ru/ (Вы сами посмотрите как будет лучше расположить, я просто свое видение пишу):
- Лого
- Телефоны
- Верхнее меню - О компании, Новости, Вопросы, Контакты, Отзывы - также при клике не сдвигая сайт вниз, поверх него открывается меню.
- Текстовка
- Перечисление теплоходов - по 2 теплохода в ряд - это для телефона, в планшете может и 3-4 теплохода быть (Вы сами смотрите как лучше будет)
- МОРСКИЕ КРУИЗЫ
- РЕЧНЫЕ КРУИЗЫ ПО РОССИИ
- РЕЧНЫЕ КРУИЗЫ ЗА РУБЕЖОМ
- НАШ АДРЕС
- ТЕЛЕФОНЫ
Внутренняя страница - http://www.baltflot-travel.ru/rental_ferry - все тоже самое, только уже колонка с меню выдвигается слева.
Внутренняя страница - сами теплоходы - все тоже самое
- фотогалерея - по 2 фото в ряд - это для телефона, в планшете может и 3-4 теплохода
- насчет таблиц, я незнаю как лучше сделать, просто таблицу вряд ли, насколько я понимаю получится по другому расположить, может сделать как здесь - http://akhal-teke.net/test/sport-horses.html (Сайван и Дженнет-Шаэль) - здесь сделан горизонтальный скролл, может так реализовать.