Search the Community

Страница с каталогом туров в виде карточек, фоном на всю карточку идет изображение. На мобильных карточки располагаются друг под другом и до планшета должны тянуться. Как сделать так, чтобы при увеличении окна эти карточки растягивались пропорционально по ширине и высоте. Если изображение сделать фоном, то при изменении области просмотра карточки растягиваются только по ширине, что некрасиво, вставлять изображение через тег img тоже не то. То есть, по сути, нужно, чтобы первоначальные пропорции контейнера сохранялись при увеличении окна от мобильного представления до планшетного. Я так понимаю, тут не обойтись без javascript?

Доброго времени суток. Нахожусь на начальном этапе карьеры веб-разработчика, поэтому готов сверстать ваш psd макет за символическую цену. Использую bootstrap, поэтому адаптивная верстка не проблема. Связаться со мной можно по почте: rbzone402@gmail.com

Могу сверстать ваш сайт любой сложности за сутки и очень дешево. E-mail: loject2015@gmail.com Skype: loject VK: http://vk.com/loject

Могу сверстать ваш сайт любой сложности за сутки и очень дешево Vk: http://vk.com/loject Skype: loject E-mail: loject2015@gmail.com

Здравствуйте, посмотрите пожалуйста качество вёрстки http://proba-verstki.xyz/ буду очень благодарен за конструктивную критику. Сайт не адаптивный, но я постарался сделать его кроссбраузерным. P.S. Наверно раздел не тот, но в "обсуждении работ" надо 30 сообщений, которых у меня нет, поэтому решил запостить тут.

Сижу... носом пузыри пускаю... срочно нужно выяснить как обстоят дела с работой. Хочу узнать как успехи у недавно окончивших обучение. Есть ли смысл браться за работу? Планирую работать по патенту (или что-то вроде того). https://htmlforum.io/topic/57661-pomogite-vybrat-rabota-po-patentu/

Подскажите, с помощью какого плагина реализовать такой эффект выдвижения?

Привет форумчане! Раньше работал один и бед не знал в этом плане, но теперь попал в небольшую фирму, где каждый работает сам по себе, нет единого рабочего процесса. Я привык работать через Prepros, он многофункционален и требует минимальных знаний в "компиляторстве". Так вот, я хотел бы продолжить работать с препроцессором вместо чистого CSS, но проблема в том, что стили проекта могут также править и другие мои коллеги, и если они через какой нибудь фтп клиент внесут изменения в файл со стилями на сервере, то я потом не смогу с ним дальше работать, т.к. затру все их изменения. Можно ли как-то выйти из этой ситуации? Как вариант, можно мониторить изменения в файле стилей перед началом работы, но здесь есть риск ,что я однажды попросту забуду это сделать. Также, слыхал о возможности компиляции прямо на сервере. Прошу помочь в этом вопросе.

Подскажите, как сверстать такой блок с использованием Bootstrap?

Добрый вечер. Не так давно начал изучать верстку. Вот моя первая страница. Легкая, конечно, но уверен и в ней есть немало ошибок. Прошу строгую, но адекватную критику. https://alex2033.github.io/

Занимаюсь версткой 1 месяц. Без наставника, просто просматривая обучающие ролики и читая источники по этой теме. Скачал psd-макет от HTML ACADEMY. Это моя первая верстка, просьба ее оценить. Похвалить и наругать. https://schamil74.github.io/Gllacy_CSS_Slider Страница с каталогом в выпадающем меню пункт Сливочное Не могу подгрузить jpg из psd, так что вот ссылка на них https://drive.google.com/drive/folders/0B0OXgcufMZgwNVZGMUtJaXNETk0?usp=sharing

Нарооооод я В общем освоил html+css на начальном уровне и вот сварганил первый сайт на дивной верстке вот демка сайта которую копировал http://www.woweb.ru/td1/048/ а вот собственно мои файлы жду так сказать критику что нуб и тд хех ну вродь выглядит неплохо на всех браузерах завтра буду делать что посложнее index.html style.css

Здравствуйте. Я начинающий верстальщик и решила взяться за нестандартную верстку сайта. Так как это мой первый опыт, я не знаю как сделать эту шапку сайта. Подскажите, с помощью каких модификаторов css это делается, или нужно использовать js? Может есть какие-нибудь примеры? з.ы. интересно так же, как делаются данные часы обратного отсчета в шапке. если у кого-нибудь найдётся пример на php буду премного благодарна

Здравствуйте. Предлагаю свои услуги по верстке PSD макетов в HTML5/CSS3 с использованием несложных скриптов jQuery на основе bootstrap. Чистый, структурированный код. Внедрение различных jQuery плагинов и скриптов. Цена для каждого проекта индивидуальна и зависит от сложности макета и необходимого функционала. По цене со мной всегда можно договориться. Оплата: - WebMoney Интересует долгосрочное сотрудничество. Контакты: email: 3dben@mail.ru Skype: скидываю в л/с Примеры верстки:

Возник вопрос у тех, кто пользуется данным редактором: хочу установить плагин не из Package Control, а вручную. И тут сам главный вопрос: сам плагин мне достатачно вставить в папку где он должен храниться, или по совместительству его придётся ещё подключать как-то в редакторе?

Здравствуйте. На вашем сайте я новый, как и в веб-разработке. Здесь находится мой сайт. Сайт будущего интернет-магазина. Частично не доделан (не работает блок выбора сортировки и типа отображения товаров, и не работают кнопки "купить"). Это первый сайт, который я сделал. Начал с нуля полтора месяца назад. Обучался сначала по видеокурсам (html, css, js). Смотрел курсы Евгения Попова, прошел его javascript+jquery. Сейчас изучаю книгу "Новая большая книга CSS" от издательства o'reilly. Дизайном занимался другой человек, который так же начал с нуля изучать веб-дизайн. Прошу опытных разработчиков взглянуть на мою работу и дать мне советы, указать на ошибки в дизайне, верстке, идеях. Я был бы признателен. Так же, я не знаю, в каком направлении двигаться дальше. Кажется, все уперлось в то, что надо изучать язык php, чтоб сделать сайт динамичным (не использовать по .html файлу на каждый товар). Еще, мне хотелось бы реализовать несколько вещей, но я не знаю, какие нужно изучить технологии. Например, в index.html есть кнопки "Перейти в раздел". а в index4.html есть список со всеми этими разделами. И мне нужно как то сделать так, чтоб нажав определенную кнопку в главной странице, открылся соответствующий раздел в index4.html. Нужно как то передать инфу с одной страницы на другую.. Вторая вещь связана примерно с этим же. при нажатии кнопки "купить" нужно как то перейти на страницу формы, и вставить туда текст с нужным артикулом. Ибо вариант с корзиной наверное совсем сложный. В общем, если у кого найдется время посмотреть на это, буду благодарен.

В данном коде неправильно отображается текст, который я пытаюсь перенести в левый нижний угол. Помогите исправить ошибку!!! Заранее спасибо! <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> h3 {display: inline; background: black; /* Цвет фона под заголовком */ color: green; /* Цвет текста */ padding: 2px; /* Поля вокруг текста */ font-size: 12px; } #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #sidebar { /* ПРаваЯ колонка */ float: right; /* Обтекание справа */ border: 0px solid #333; /* Параметры рамки вокруг */ width: 40%; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступов */ color: #ffffff; } h1 { font-size: 36px; /* Размер шрифта */ margin: 0; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ position: relative; top: -10px; } </style> </head> <body bgcolor="#001646"> <div id="header"><h1>ИС-41521</h1></div> <div id="sidebar"> <p>В США первые колледжи возникли в XVII веке (по образцу английских) как высшие учебные заведения, готовившие священнослужителей и государственных служащих. На основе наиболее крупных колледжей путём присоединения к ним медицинских, юридических, богословских школ (или факультетов) в первой половине XIX века были созданы первые университеты. В настоящее время в США «колледж» и «университет» являются взаимозаменяемыми понятиями. Оба термина означают высшее учебное заведение в котором можно получить диплом бакалавра или магистра, хотя обычно колледжи меньше по размеру[5]. В США также существуют двухгодичные колледжи, которые после обучения выдают степень кандидата в бакалавры (англ. Associate degree), сравнимую со средним профессиональным образованием в странах СНГ.</p> Это: <ul> <p><li>общественные колледжи (англ. community college);</p> <p><li>начальные колледжи (англ. junior college);</p> <p><li>технические колледжи (англ. technical college);</p> <p><li>городские колледжи (англ. city college).</p> </ul> </div> <font face='Arial'> <table border="0" width='570' align="left"> <tr> <td><img src='new 1/Без имени-1.jpg' width=200px height=200px alt="*"></img></td> <td> <table border='5'> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Главная</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Новости</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">О группе</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Здание</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Контакты</button></center></td></tr> </table> </td> <td align="justify" bgcolor="#001646"><font color="#ffffff">Я устал...Но вроде бы и в силах. Для построения идеальной таблицы, я вырвал кусок кода и начал с ним химичить. В итоге я понял кое-какие фичи с таблицами и что с ними можно делать.</font></td> </tr> </table> <div><h3>Каплан Владислав(с), 2017</h3></div> <!-- вот здесь и ошибка как-раз! --> </font> </body> </html>

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

Сверстаю сайт по вашему макету недорого. Ответственно и с учетом всех инструкций и пожеланий. Помимо статичной верстки, умею работать с медиа запросами, придавать "резиновость" страницам. Необходимый базовый уровень JS, работа в системах контроля версий прилагаются. Пример статики: http://waxom.comuf.com/waxom.html

Помогите пожалуйста расположить картинки таким образом как на фото - или хоть укажите в какую сторону двигаться. Я уже намучалась Только чтобы они были именно в одном div. Div width=100%. очень срочно нужно - уже кучу времени потеряла

Добрый день! Мы строительная компания. Занимаемся строительством трансформаторных подстанций, модернизацией, обслуживанием и сопутствующими работами. Нам нужен сайт. Сайт всего из 5-страниц: Главная, Контакты, Партнеры, Портфолио, Услуги. Сайт на двух языках. Фирменный цвет, сочетание цветов… тёмно-красный, белый, светло-серый. Тематика изображений на главной странице – трансформаторы, трансформаторные подстанции, воздушные электрические линии. Содержание страниц: Главная - блок текста про компанию, блок для видео ролика(у нас 2 рекламных ролика), кнопки на навигации по страницам. Партнеры - Список всех наших партнеров с которыми мы работаем.(10-12компаний) Портфолио - таблица или список всех объектов где мы работали и какие работы мы выполняли. С возможностью постоянно обновлять список и добавлять перечень оказанных услуг и фотографии с места работы. Услуги - перечень услуг которые мы оказываем. Сертификаты - Страница с разрешительными документами, грамотами, благодарностями и т.д... Сайты которые нам нравятся в плане дизайна: electrum.pl – дизайн внешний. Кнопки страниц, слайд, простота, большие картинки. Очень хотелось бы похожий по дизайну. electrical-engineering-portal.com – Шрифты, текст, информация не сливается в одно пятно, удобно читать… ztr.com.ua простота, цвета, контент и фотографии оборудования которое мы используем. esg.com.ua простота, цвета. Можно узнать цену на такую работу, сроки и что Вам еще необходимо для реализации проекта? Прошу всех, кому интересно к обсуждению… Вопросы цены в личные сообщения. Благодарю, за внимание.

Хочу вам предложить товарищи веб мастера сайт где можно верстать мышкой, высокий уровень визуализации. devdesire.ru Это конструктор верстки по вашему макету без мусора! Практически нет разницы делать в нем или писать верстку вручную, мышкой даже быстрее получается)

Привет!.Я начинающий верстальщик,который стремиться в будущем стать Front-end разработчиком и создавать интерактивные и динамичные сайты. Сейчас я занимаюсь версткой landing page и одностраничных сайтов-визиток на HTML5 и CSS3.Для дальнейшего развития ,я ищу заказы на верстку за символическую плату. Мои навыки и умения: Html/HTML5-верстка сайтов и интерфейсов на основе макетов PSD; CSS; Базовые знания PHP и JavaScript. Элементарные знания в AJAX, jquery, OpenServer, Wordpress, bootstrap, юзабилити, настройка контекстной рекламной кампании в поисковых системах. Adobe Photoshop (базовые навыки). С меня -быстрота обратной связи,исполнительность и кроссбраузерность ,с вас-PSD макет и реалистичный взгляд. Для ясности напомню-я новичок,который хочет получить опыт и создать портфолио.Поэтому работу буду выполнять качественно и не так быстро,как ,возможно,вам бы хотелось. Все подробности можете узнать у меня лично: 1)https://www.facebook.com/tatiana.kondratyeva.125 2)Tatiana89252514982@yandex.ru

Нужно сделать так как в приложенном файле. Знаю что можно сделать тремя блоками, но проблема в том что нужно растянуть на всю ширину экрана. По ссылке код как удалось реализовать, но одна проблема когда маленький текст то появляются лишнеи линии http://codepen.io/anon/pen/edqOPP#anon-login Спасибо за помощь!

В ступоре. Очень прошу помощи. Дело такое. Верхняя шапка сайта (фиолетовая) не хочет адаптироваться под телефоны, причём всё остальное работает, кроме самой шапки и футера. Так же замечена очень интересный баг: при проверки адаптивности сайта ресайзом окна или масштабированием в google chrome для десткопа или даже проверке с помощью специальных ресурсов - всё работает как надо. Вы можете сами проверить по адресу flixthebro.com При этом заходя на сайт с любого мобильного устройства (тестировал на 3-х) выдаёт почему то другой результат. Ещё несколько забавных примечаний: допустим установил я размер текста в шапке 32px и в контенте 32px. На телефоне размер шрифта в шапке никак не сопоставим с размером шрифта в контенте и намного мельче. То же самое и с футером. / Так же я эксперементрировал и пробовал убирать разные строки из css и ничего не получалось. Чем же эти два фиолетовых блока провинились? Почему они такие "особенные"? Ах да ещё надо бы сказать, что сайдбар сделан только для того, чтобы в случае надобности начать его использовать активировать легко и просто, сейчас он абсолютно не нужен, но в отличие от этих двух работает отлично. Я отчаялся и совсем перестал хоть каплю иметь соображения из-за чего это может быть. Прошу помощи от вас, господа формучане.